/*
Theme Name: Arké Artist Complete
Theme URI: https://arkeofficial.com
Author: OpenAI
Description: Tema WordPress completo per promuovere l'artista Arké.
Version: 3.0.0
License: GPLv2 or later
Text Domain: arke-artist-complete
*/

/* =========================================================
   01. VARIABLES / RESET
========================================================= */

:root{
  --dark:#070A0F;
  --dark-2:#101621;
  --paper:#F4F3F0;
  --paper-2:#E9EAED;
  --ink:#101318;
  --muted:#5E6875;
  --line:#D8DCE2;
  --blue:#5D8FDC;
  --blue-soft:#8CB7FF;
  --white:#FFFFFF;
}

*{box-sizing:border-box;}

html{scroll-behavior:smooth;}

html,
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Inter,Arial,sans-serif;
}

a{
  color:inherit;
  text-decoration:none;
}

img{
  max-width:100%;
  display:block;
}

body.admin-bar .site-header{
  top:32px;
}

/* =========================================================
   02. HEADER / NAVIGATION
========================================================= */

.site-header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:1000;
  height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 clamp(24px,5vw,72px);
  background:linear-gradient(180deg,rgba(7,10,15,.92),rgba(7,10,15,.62));
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  margin-bottom:0 !important;
}

.brand-logo{
  display:flex;
  align-items:center;
  z-index:1002;
}

.brand-logo img{
  width:210px;
  height:auto;
  display:block;
}

.nav{
  display:flex;
  align-items:center;
  gap:34px;
  color:#f2f4f8;
  text-transform:uppercase;
  letter-spacing:2.1px;
  font-size:12px;
}

.nav a{
  opacity:.85;
  transition:.22s ease;
}

.nav a:hover{
  opacity:1;
  color:var(--blue-soft);
}

.header-actions{
  display:flex;
  gap:18px;
  color:#fff;
  opacity:.88;
  font-size:18px;
}

.mobile-menu-toggle{
  display:none;
}

/* =========================================================
   03. GENERAL COMPONENTS
========================================================= */

.section{
  padding:clamp(72px,8vw,118px) clamp(24px,7vw,108px);
}

.eyebrow,
.kicker{
  color:var(--blue);
  text-transform:uppercase;
  letter-spacing:3.4px;
  font-size:12px;
  font-weight:600;
  margin-bottom:16px;
}

.kicker{
  color:var(--blue-soft);
  letter-spacing:4.2px;
  margin-bottom:18px;
}

h2{
  margin:0 0 24px;
  color:var(--ink);
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(38px,5vw,60px);
  line-height:1;
  font-weight:400;
  letter-spacing:1.2px;
}

p{
  color:#37404A;
  font-size:16px;
  line-height:1.75;
}

.btn-row{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
}

.btn{
  min-height:54px;
  padding:0 30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.32);
  background:rgba(93,143,220,.88);
  color:#fff;
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:12px;
  font-weight:600;
  transition:.24s ease;
}

.btn:hover{
  transform:translateY(-2px);
  background:#386DBA;
}

.btn.ghost{
  background:rgba(255,255,255,.08);
}

.btn.dark{
  background:#111621;
  color:#fff;
  border-color:#111621;
}

/* =========================================================
   04. HOME HERO
========================================================= */

.hero{
  min-height:100vh;
  position:relative;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(4,7,12,.73) 0%,rgba(4,7,12,.30) 45%,rgba(4,7,12,.10) 100%),
    url('https://www.arkeofficial.com/wp-content/uploads/2026/05/nuovo_banner_spotify-scaled.jpg') center/cover no-repeat;
}

.hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.12) 100%);
  pointer-events:none;
}

.hero-inner{
  position:relative;
  z-index:2;
  width:min(1180px,calc(100% - 72px));
  margin:0 auto;
  padding-top:78px;
}

.hero-lockup{
  max-width:720px;
}

.hero h1{
  margin:0;
  color:#f7f7f5;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(84px,12vw,176px);
  line-height:.82;
  font-weight:300;
  letter-spacing:clamp(12px,2vw,30px);
  text-shadow:0 18px 55px rgba(0,0,0,.72);
}

.hero .archives{
  margin:16px 0 28px;
  color:#8CB7FF;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(24px,3.5vw,48px);
  letter-spacing:clamp(12px,2vw,22px);
  font-weight:300;
}

.hero-sub{
  margin:0 0 34px;
  color:#F0F4FA;
  text-transform:uppercase;
  letter-spacing:4px;
  font-size:13px;
}

/* =========================================================
   05. HOME SECTIONS
========================================================= */

.music-grid{
  display:grid;
  grid-template-columns:360px 1fr;
  gap:80px;
  align-items:center;
  max-width:1180px;
  margin:0 auto;
}

.music-cover img{
  width:100%;
  border-radius:10px;
  box-shadow:
    0 20px 60px rgba(0,0,0,.35),
    0 0 45px rgba(93,143,255,.18);
  transition:.35s ease;
}

.music-cover img:hover{
  transform:translateY(-4px);
}

.music-content h2{
  margin:18px 0 28px;
  font-size:64px;
  line-height:1;
}

.music-content p{
  max-width:560px;
  color:#4b5563;
  line-height:1.9;
  font-size:17px;
}

.platform-buttons{
  display:flex;
  gap:14px;
  margin-top:30px;
  flex-wrap:wrap;
}

.platform-btn{
  min-width:180px;
  height:56px;
  background:#fff;
  color:#111318;
  border:1px solid #d8dce2;
  justify-content:center;
  text-align:center;
  font-size:12px;
  letter-spacing:2px;
  transition:.25s ease;
}

.platform-btn:hover{
  background:#111318;
  color:#fff;
  border-color:#111318;
  transform:translateY(-2px);
}

.single-feature{
  background:#10151D;
  color:#fff;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(34px,6vw,80px);
  align-items:center;
}

.single-feature p{
  color:#CBD3DF;
}

.single-image{
  min-height:520px;
  border:1px solid rgba(255,255,255,.12);
  overflow:hidden;
}

.single-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.quote{
  margin:0 0 28px;
  color:#F4F4F2;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(34px,4.2vw,58px);
  line-height:1.08;
}

.video-section{
  background:#F8F7F4;
}

.video-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.video-card{
  min-height:310px;
  position:relative;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  padding:22px;
  background:#111621;
  color:#fff;
  border:1px solid #DDE1E7;
  transition:.35s ease;
}

.video-card:hover{
  transform:translateY(-6px);
  box-shadow:
    0 25px 70px rgba(0,0,0,.22),
    0 0 45px rgba(93,143,255,.18);
}

.video-card h3{
  position:relative;
  z-index:2;
  margin:0;
  text-transform:uppercase;
  letter-spacing:1.6px;
  font-size:13px;
}

.play-icon{
  position:absolute;
  top:22px;
  right:22px;
  z-index:2;
  width:46px;
  height:46px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.92);
  color:#111318;
  font-size:15px;
}

/* =========================================================
   06. HOME MERCH
========================================================= */

.merch{
  background:var(--paper-2);
}

.merch-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:clamp(34px,6vw,76px);
  align-items:center;
}

.products{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  margin-top:34px;
}

.product-card{
  background:#fff;
  border:1px solid #DDE1E7;
}

.product-img{
  aspect-ratio:1/1;
  background:#f7f7f5;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
}

.product-img img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.product-info{
  padding:18px;
  text-align:center;
}

.product-info h3{
  margin:0 0 8px;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:22px;
  line-height:1.1;
  font-weight:400;
}

.product-info p,
.product-info .price{
  margin:0;
  color:#8FA8FF;
  font-weight:700;
}

/* =========================================================
   07. ABOUT / NEWSLETTER
========================================================= */

.about{
  position:relative;
  background:#0A0D12;
  color:#fff;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(34px,6vw,80px);
  align-items:center;
}

.about p{
  color:#C9D1DC;
  max-width:560px;
}

.about .quote{
  max-width:620px;
}

.about-image{
  min-height:620px;
  border-radius:28px;
  background:
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.42)),
    url('https://www.arkeofficial.com/wp-content/uploads/2026/05/ChatGPT-Image-22-mag-2026-11_47_56.png') center/cover no-repeat;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:
    0 35px 90px rgba(0,0,0,.32),
    0 0 65px rgba(93,143,255,.10);
}

/* Newsletter MailPoet styles are defined in section 18 to avoid conflicts. */

/* =========================================================
   08. FOOTER DEFINITIVO ARKÉ
========================================================= */

.arke-footer{
  background:#000;
  border-top:1px solid rgba(255,255,255,.08);
  padding:56px 72px 32px;
  color:#fff;
}

.arke-footer-inner{
  max-width:1120px;
  margin:0 auto;
  display:grid !important;
  grid-template-columns:1.2fr 1fr 1fr 1.2fr 1fr !important;
  gap:40px;
  align-items:start;
}

.arke-footer-brand,
.arke-footer-column{
  text-align:left !important;
  margin:0 !important;
}

.arke-footer-logo{
  width:110px;
  height:auto;
  margin:0 0 18px;
}

.arke-footer-subtitle{
  margin-top:-4px;
  font-size:10px;
  letter-spacing:.22em;
}

.arke-footer-column h4{
  font-size:13px;
  font-weight:700;
  letter-spacing:.25em;
}

.arke-footer-column a{
  display:block;
  margin:0 0 13px;
  color:rgba(255,255,255,.62);
  font-size:15px;
  transition:.25s ease;
}

.arke-footer-column a:hover{
  color:#7fb6ff;
}

.arke-footer-bottom{
  max-width:1120px;
  margin:64px auto 0;
  padding-top:28px;
  border-top:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.38);
  font-size:13px;
  text-align:left;
}

.arke-footer-mobile-icons,
.arke-footer-mobile-mail{
  display:none;
}

/* MOBILE FOOTER */

@media(max-width:768px){

  .arke-footer{
    padding:48px 22px 32px;
  }

  .arke-footer-inner{
    display:block !important;
  }

  .arke-footer-column{
    display:none !important;
  }

  .arke-footer-column:last-child{
    display:block !important;
    text-align:center;
    margin-top:28px;
  }
	
	
  .arke-footer-column:last-child h4,
  .arke-footer-column:last-child a{
    text-align:center !important;
  }

  .arke-footer-column:last-child h4{
    margin-bottom:14px;
  }

  .arke-footer-column:last-child a{
    display:block;
    margin-bottom:10px;
    color:rgba(255,255,255,.72);
    font-size:13px;
  }

  .arke-footer-brand{
    text-align:center !important;
  }

  .arke-footer-logo{
    width:95px;
    margin:0 auto 12px !important;
  }

  .arke-footer-subtitle{
    margin-bottom:18px;
    text-align:center;
  }

  .arke-footer-mobile-icons{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:18px;
    margin-bottom:18px;
  }

  .arke-footer-mobile-icons a{
    color:#fff;
    font-size:24px;
    transition:.25s ease;
  }

  .arke-footer-mobile-icons a:hover{
    color:#7fb6ff;
  }

  .arke-footer-mobile-mail{
    display:block;
    text-align:center;
    margin-top:10px;
  }

  .arke-footer-mobile-mail a{
    color:rgba(255,255,255,.72);
    font-size:13px;
  }

  .arke-footer-bottom{
    margin-top:26px;
    text-align:center;
  }
}

/* =========================================================
   09. STANDARD PAGES
========================================================= */

.page-main{
  background:var(--paper);
}

.page-content{
  min-height:45vh;
  padding-top:150px;
}

.page-content-inner{
  max-width:1180px;
  margin:0 auto;
}

/* =========================================================
   10. SHOP ARCHIVE
========================================================= */

.shop-intro{
  min-height:62vh;
  display:flex;
  align-items:center;
  padding-top:120px;
  padding-bottom:70px;
  background:
    linear-gradient(90deg,rgba(4,7,12,.78) 0%,rgba(4,7,12,.42) 52%,rgba(4,7,12,.18) 100%),
    url('https://www.arkeofficial.com/wp-content/uploads/2026/05/nuovo_banner_spotify-scaled.jpg') center/cover no-repeat;
}

.shop-intro-inner{
  width:100%;
  max-width:1180px;
  margin:0 auto;
}

.shop-intro .eyebrow{
  color:var(--blue-soft);
}

.shop-intro h2{
  margin:0 0 24px;
  color:#f7f7f5;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(58px,9vw,118px);
  line-height:.9;
  font-weight:300;
  letter-spacing:2px;
  text-shadow:0 18px 55px rgba(0,0,0,.62);
}

.shop-intro p{
  max-width:680px;
  color:#F0F4FA;
  font-size:18px;
  line-height:1.85;
}

.shop-products{
  background:var(--paper);
  padding-top:76px;
}

.woocommerce-products-header,
.woocommerce-products-header__title,
.woocommerce-result-count,
.woocommerce-ordering,
.tax-product_cat .page-title,
.post-type-archive-product .page-title,
.archive .page-title{
  display:none !important;
}

.woocommerce ul.products{
  max-width:1180px;
  margin:0 auto !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important;
  gap:34px;
  justify-content:center;
  align-items:stretch !important;
}

/* FIX WOOCOMMERCE GRID:
   WooCommerce aggiunge pseudo-elementi ::before/::after per il clearfix.
   Se ul.products diventa CSS Grid, quei pseudo-elementi vengono contati come celle invisibili,
   creando il problema desktop 2-3-2. */
.woocommerce ul.products::before,
.woocommerce ul.products::after{
  content:none !important;
  display:none !important;
}

/* Griglia shop desktop definitiva: 7 prodotti = 3 + 3 + 1 */
@media(min-width:769px){

  body.post-type-archive-product .woocommerce ul.products,
  body.woocommerce-shop .woocommerce ul.products,
  body.woocommerce-page .shop-products .woocommerce ul.products,
  body.archive.woocommerce .woocommerce ul.products{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:34px !important;
    max-width:1180px !important;
    margin:0 auto !important;
    padding:0 !important;
    align-items:stretch !important;
    justify-content:center !important;
  }

  body.post-type-archive-product .woocommerce ul.products li.product,
  body.woocommerce-shop .woocommerce ul.products li.product,
  body.woocommerce-page .shop-products .woocommerce ul.products li.product,
  body.archive.woocommerce .woocommerce ul.products li.product{
    float:none !important;
    clear:none !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    flex:none !important;
    flex-basis:auto !important;
    grid-column:auto !important;
    margin:0 !important;
  }

  body.post-type-archive-product .woocommerce ul.products li.product.first,
  body.post-type-archive-product .woocommerce ul.products li.product.last,
  body.woocommerce-shop .woocommerce ul.products li.product.first,
  body.woocommerce-shop .woocommerce ul.products li.product.last,
  body.archive.woocommerce .woocommerce ul.products li.product.first,
  body.archive.woocommerce .woocommerce ul.products li.product.last{
    clear:none !important;
    margin-right:0 !important;
  }
}

.woocommerce ul.products li.product{
  width:auto !important;
  margin:0 !important;
  padding:24px 24px 28px !important;
  list-style:none;
  background:#fff;
  border:1px solid #DDE1E7;
  text-align:center;
  box-shadow:0 22px 65px rgba(0,0,0,.07);
  transition:.35s ease;
}

.woocommerce ul.products li.product:hover{
  transform:translateY(-6px);
  box-shadow:
    0 30px 80px rgba(0,0,0,.13),
    0 0 45px rgba(93,143,255,.10);
}

.woocommerce ul.products li.product a img{
  width:100% !important;
  max-width:300px;
  height:auto !important;
  margin:0 auto 22px !important;
  background:#f7f7f5;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
  margin:12px auto 8px !important;
  padding:0 !important;
  color:#101318;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size:18px !important;
  line-height:1.2;
  font-weight:400;
  max-width:280px;
  font-family:"Cormorant Garamond",Georgia,serif;
}

.woocommerce ul.products li.product .price{
  margin:0 0 18px !important;
  color:#90a7ff !important;
  font-size:18px !important;
  font-weight:700;
}

.woocommerce ul.products li.product .button{
  padding:15px 24px !important;
  background:#111621 !important;
  color:#fff !important;
  border-radius:0 !important;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:12px !important;
  font-weight:800 !important;
  transition:.25s ease;
}

.woocommerce ul.products li.product .button:hover{
  background:#5D8FDC !important;
  color:#fff !important;
}

/* =========================================================
   11. SINGLE PRODUCT
========================================================= */

.single-product main,
.single-product .site-main,
.single-product .woocommerce{
  padding-top:0 !important;
  margin-top:0 !important;
}

.single-product .woocommerce-notices-wrapper{
  margin:0 !important;
  padding:0 !important;
  min-height:0 !important;
}

.arke-back-shop{
  max-width:1180px;
  margin:0 auto -28px !important;
  padding:0 40px;
  position:relative;
  z-index:2;
}

.arke-back-shop a{
  font-family:Inter,sans-serif;
  font-size:13px;
  letter-spacing:1.8px;
  text-transform:uppercase;
  color:#7d8cff;
}

.single-product div.product{
  max-width:1180px;
  margin:0 auto !important;
  padding:0 0 90px !important;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:64px !important;
  align-items:flex-start !important;
}

.single-product div.product .woocommerce-product-gallery,
.single-product .woo-variation-product-gallery,
.single-product .woo-variation-gallery-wrapper,
.single-product .woo-variation-gallery-slider-wrapper{
  width:100% !important;
  max-width:560px !important;
  margin:0 !important;
}

.single-product div.product .woocommerce-product-gallery__image,
.single-product .woo-variation-gallery-slider-wrapper{
  background:#f8f8f6 !important;
  border-radius:24px !important;
  overflow:hidden !important;
}

.single-product div.product .woocommerce-product-gallery__trigger,
.single-product .woo-variation-gallery-thumbnail-wrapper,
.single-product .woo-variation-gallery-thumbnail-slider,
.single-product .woo-variation-gallery-thumbnail-position-left,
.single-product .flex-control-thumbs{
  display:none !important;
}

.single-product div.product .woocommerce-product-gallery__image img,
.single-product .woo-variation-gallery-slider img,
.single-product .woo-variation-gallery-wrapper img{
  width:100% !important;
  height:auto !important;
  max-height:560px !important;
  object-fit:contain !important;
  padding:34px !important;
  background:#f8f8f6 !important;
  box-shadow:0 20px 60px rgba(0,0,0,.04) !important;
}

.single-product div.product .summary,
.single-product .summary{
  width:100% !important;
  margin:0 !important;
  padding-top:28px !important;
  float:none !important;
}

.single-product .product_title,
.single-product h1.product_title{
  margin-bottom:22px !important;
  max-width:520px !important;
  font-family:"Cormorant Garamond",Georgia,serif !important;
  font-size:42px !important;
  line-height:1.02 !important;
  font-weight:300 !important;
  letter-spacing:-.03em !important;
}

.single-product .price{
  margin-bottom:18px !important;
  color:#91a8ff !important;
  font-size:34px !important;
  font-weight:600 !important;
  letter-spacing:-1px;
}

.single-product .woocommerce-product-details__short-description{
  max-width:520px;
  margin-bottom:22px !important;
}

.single-product .woocommerce-product-details__short-description p{
  color:#4b5563;
  font-size:18px;
  line-height:1.9;
}

.single-product .woocommerce-product-details__short-description::after{
  content:"Ispirato all’universo emotivo di Come fossi niente.";
  display:block;
  margin-top:18px !important;
  color:#7ea2ff;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:14px;
  font-weight:700;
}

.single-product table.variations{
  width:100% !important;
  margin:24px 0 18px !important;
}

.single-product table.variations tr,
.single-product table.variations th,
.single-product table.variations td{
  display:block !important;
  width:100% !important;
  padding:0 !important;
  text-align:left;
}

.single-product table.variations tr{
  margin-bottom:14px !important;
}

.single-product table.variations label{
  display:block;
  margin:0 0 12px;
  color:#5E6875;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:12px;
  font-weight:800;
}

.variable-items-wrapper{
  display:flex !important;
  gap:14px !important;
  align-items:center !important;
  flex-wrap:wrap;
  margin-bottom:18px !important;
}

.variable-item{
  box-shadow:none !important;
  border:1px solid #DDE1E7 !important;
  transition:.25s ease !important;
}

.variable-item:hover,
.variable-item.selected{
  border-color:#5D8FDC !important;
  box-shadow:0 0 0 4px rgba(93,143,220,.12) !important;
}

.color-variable-item{
  width:34px !important;
  height:34px !important;
  border-radius:999px !important;
}

.single-product .variable-items-wrapper .variable-item.button-variable-item{
  width:auto !important;
  min-width:128px !important;
  height:52px !important;
  padding:0 26px !important;
  border-radius:999px !important;
  background:#fff !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
  white-space:nowrap !important;
}

.single-product .variable-items-wrapper .variable-item.button-variable-item span{
  font-family:Inter,Arial,sans-serif !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

.single-product .variable-items-wrapper .variable-item.button-variable-item.selected{
  background:#050816 !important;
  border-color:#050816 !important;
}

.single-product .variable-items-wrapper .variable-item.button-variable-item.selected span{
  color:#fff !important;
}

.reset_variations,
.single-product .product_meta,
.woocommerce-tabs,
.related.products,
.klarna-placement,
p.klarna-placement{
  display:none !important;
}

.single-product form.cart,
.single-product .woocommerce-variation-add-to-cart{
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:18px !important;
  margin-bottom:34px !important;
}

.single-product input.qty{
  width:90px;
  height:56px;
  background:#fff;
  border:1px solid #d8dde8;
  border-radius:14px;
  font-size:18px;
}

.single-product button.single_add_to_cart_button,
.single_add_to_cart_button{
  background:#050816 !important;
  color:#fff !important;
  border:none !important;
  border-radius:999px !important;
  padding:18px 34px !important;
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:13px !important;
  font-weight:800 !important;
  transition:all .3s ease;
}

/* =========================================================
   12. MUSIC PAGE
========================================================= */

.page-music{
  padding-top:0 !important;
  margin-top:0 !important;
}

.page-music-hero{
  padding:20px 24px 20px;
  max-width:1200px;
  margin:0 auto;
}

.page-music-hero h1{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(54px,7vw,100px);
  line-height:.92;
  font-weight:300;
  letter-spacing:-1px;
  margin:0 0 28px;
}

.page-music-hero p{
  max-width:680px;
  font-size:18px;
  line-height:1.8;
}

.page-music-release{
  max-width:1200px;
  margin:0 auto;
  padding:40px 24px 80px;
  display:grid;
  grid-template-columns:360px 1fr;
  gap:80px;
  align-items:center;
}

.page-music-release:last-child{
    padding-bottom:20px;
}

.music-release-cover img{
  max-width:360px;
  width:100%;
  border-radius:12px;
  box-shadow:0 28px 80px rgba(0,0,0,.25);
}

.music-release-info h2{
  font-size:64px;
}

.music-release-info p{
  max-width:620px;
  font-size:18px;
  line-height:1.8;
}

.music-release-info .eyebrow{
  margin-bottom:18px;
}

.music-release-info h2{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(48px,5vw,72px);
  line-height:.95;
  font-weight:300;
  margin:0 0 24px;
}

.platform-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  margin-top:34px;
}

.platform-btn{
  min-width:160px;
  height:40px;
  padding:0 24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;

  border-radius:0;
  background:#5f86ff;
  color:#fff !important;
  border:1px solid #5f86ff;

  text-align:center;
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  line-height:3px;
  text-transform:uppercase;
  text-decoration:none !important;
  transition:.25s ease;
}

.platform-btn:hover{
  background:#7a9cff;
  border-color:#7a9cff;
  color:#fff !important;
  transform:translateY(-2px);
}

.page-music-coming{
  max-width:1200px;
  margin:0 auto;
  padding:20px 24px 70px;
}

.page-music-coming h2{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(60px,8vw,110px);
  line-height:.9;
  font-weight:300;
  margin:10px 0 20px;
}

.page-music-coming p{
  max-width:600px;
  font-size:18px;
  line-height:1.8;
}

/* =========================================================
   13. VIDEO PAGE
========================================================= */

.page-video-hero{
  padding:40px 24px 20px;
  max-width:1200px;
  margin:0 auto;
}

.page-video-hero h1{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(54px,7vw,100px);
  line-height:.92;
  font-weight:300;
  letter-spacing:-1px;
  margin:0 0 24px;
}

.page-video-hero p{
  max-width:680px;
  font-size:18px;
  line-height:1.8;
}

.page-video-feature{
  max-width:1200px;
  margin:0 auto;
  padding:40px 24px 60px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:90px;
  align-items:center;
}

.video-placeholder{
  aspect-ratio:16/10;
  background:#090d15;
  border:1px solid rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-family:Inter,Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:12px;
  box-shadow:0 28px 80px rgba(0,0,0,.18);
}

.video-feature-content{
  margin-top:0;
}

.video-feature-content h2,
.page-video-section h2{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(42px,5vw,72px);
  line-height:.92;
  font-weight:300;
}

.video-feature-content h2{
  margin-top:10px;
  margin-bottom:22px;
}

.video-feature-content p{
  max-width:460px;
}

.page-video-section{
  max-width:1200px;
  margin:0 auto;
  padding:20px 24px 80px;
  overflow:hidden;
}

.page-video-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:32px !important;
  margin-top:40px !important;
  width:100%;
}

.page-video-grid > *{
  width:auto !important;
  max-width:none !important;
  float:none !important;
}

.page-video-card{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  background:#fff !important;
  border:1px solid #DDE1E7 !important;
  padding:18px !important;
  text-decoration:none !important;
  overflow:visible !important;
  transition:.3s ease;
}

.page-video-card:hover{
  transform:translateY(-5px);
  box-shadow:0 24px 70px rgba(0,0,0,.10);
}

.page-video-thumb{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  aspect-ratio:4/5 !important;
  background:#090d15 !important;
  color:#fff;
  margin-bottom:18px !important;
}

.page-video-thumb span{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:48px !important;
  height:48px !important;
  border-radius:50% !important;
  background:#fff !important;
  color:#6F95E8 !important;
}

.page-video-card h3{
  margin:0 0 8px;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:28px;
  font-weight:400;
}

.page-video-card p{
  margin:0;
  font-size:14px;
  line-height:1.6;
}

/* =========================================================
   14. RESPONSIVE
========================================================= */

@media(max-width:1024px){

  .single-product div.product{
    grid-template-columns:1fr;
    gap:36px !important;
    padding:0 24px 80px !important;
  }

  .single-product .product_title,
  .single-product h1.product_title{
    font-size:36px !important;
  }
}

@media(max-width:768px){

  body.admin-bar .site-header{
    top:46px;
  }

  .site-header{
    height:70px !important;
    padding:0 20px !important;
  }

  .brand-logo img{
  width:130px !important;
  height:auto !important;
}

  .mobile-menu-toggle{
    display:flex;
    flex-direction:column;
    gap:5px;
    width:34px;
    height:34px;
    background:transparent;
    border:0;
    padding:0;
    justify-content:center;
    align-items:center;
    z-index:1002;
  }

  .mobile-menu-toggle span{
    width:24px;
    height:2px;
    background:#fff;
    display:block;
    transition:.25s ease;
  }

  .mobile-menu-toggle.active span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
  }

  .mobile-menu-toggle.active span:nth-child(2){
    opacity:0;
  }

  .mobile-menu-toggle.active span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
  }

  .nav{
    position:fixed;
    top:70px;
    left:0;
    right:0;
    display:none !important;
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    padding:28px 26px 34px;
    background:rgba(7,10,15,.97);
    border-top:1px solid rgba(255,255,255,.08);
    z-index:1001;
  }

  .nav.active{
    display:flex !important;
  }

  .nav a{
    width:100%;
    padding:15px 0;
    font-size:13px;
    letter-spacing:2.2px;
    border-bottom:1px solid rgba(255,255,255,.08);
  }

  .header-actions{
    display:none !important;
  }

  .section{
    padding:64px 22px !important;
  }

  .hero{
    min-height:100vh !important;
    padding:0 22px !important;
    align-items:center !important;
  }

  .hero-inner{
    width:100% !important;
    padding-top:70px !important;
  }

  .hero h1{
    font-size:54px !important;
    line-height:.9 !important;
    letter-spacing:10px !important;
  }

  .hero .archives{
    font-size:26px !important;
    letter-spacing:8px !important;
  }

  .hero-sub{
    font-size:11px !important;
    line-height:1.6 !important;
    letter-spacing:2.4px !important;
  }

  .btn-row,
  .platform-buttons{
    flex-direction:column !important;
    width:100% !important;
  }

  .btn,
  .platform-btn{
    width:100% !important;
    min-width:0 !important;
  }

  .music-grid,
  .single-feature,
  .merch-grid,
  .about{
    grid-template-columns:1fr !important;
    gap:34px !important;
  }

  .music-content h2,
  h2{
    font-size:38px !important;
  }

  p{
    font-size:15px !important;
  }

  .video-grid,
  .products{
    grid-template-columns:1fr !important;
  }

  .site-footer{
    padding:48px 24px 32px !important;
  }

  .footer-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:28px 24px !important;
  }

  .footer-grid > div:first-child{
    grid-column:1 / -1;
  }

  .footer-logo{
    font-size:44px !important;
    letter-spacing:7px !important;
    margin-bottom:12px !important;
  }

  .footer-title{
    font-size:11px !important;
    letter-spacing:2.4px !important;
    margin-bottom:12px !important;
  }

  .site-footer a{
    font-size:13px !important;
    margin-bottom:9px !important;
  }

  .copyright{
    margin-top:34px !important;
    padding-top:22px !important;
    font-size:11px !important;
    text-align:left !important;
  }

  .woocommerce ul.products{
    grid-template-columns:1fr !important;
    max-width:100% !important;
    padding:0 18px !important;
  }

  .woocommerce ul.products li.product{
    max-width:330px !important;
    margin:0 auto !important;
  }

  .single-product div.product{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    padding:0 22px 70px !important;
    margin:0 !important;
  }

  .single-product div.product .woocommerce-product-gallery,
  .single-product .woo-variation-product-gallery,
  .single-product .woo-variation-gallery-wrapper,
  .single-product .woo-variation-gallery-slider-wrapper{
    width:100% !important;
    max-width:100% !important;
    margin:0 0 34px !important;
  }

  .single-product div.product .woocommerce-product-gallery__image img,
  .single-product .woo-variation-gallery-slider img,
  .single-product .woo-variation-gallery-wrapper img{
    max-height:none !important;
    padding:24px !important;
  }

  .single-product .product_title,
  .single-product h1.product_title{
    font-size:28px !important;
    line-height:1.08 !important;
  }

  .single-product .price{
    font-size:28px !important;
  }

  .single-product form.cart,
  .single-product .woocommerce-variation-add-to-cart{
    display:block !important;
    width:100% !important;
  }

  .single-product input.qty{
    width:100% !important;
    margin-bottom:14px !important;
  }

  .single-product button.single_add_to_cart_button{
    width:100% !important;
  }

  .arke-back-shop{
    padding:0 22px;
    margin:0 auto 12px !important;
  }

  .page-music-hero,
  .page-video-hero{
    padding:70px 22px 28px;
  }

  .page-music-hero h1,
  .page-video-hero h1{
    font-size:56px;
  }

  .page-music-release,
  .page-video-feature{
    grid-template-columns:1fr;
    gap:38px;
    padding:20px 22px 60px;
  }

  .music-release-cover img{
    max-width:100%;
  }

  .music-release-info h2{
    font-size:38px;
  }

  .page-video-section{
    padding:10px 22px 70px;
  }

  .page-video-grid{
    grid-template-columns:1fr !important;
  }
}

/* =========================================================
   15. ABOUT PAGE
========================================================= */

.page-about-hero{
  padding:20px 24px 10px;
  max-width:1200px;
  margin:0 auto;
}

.page-about-hero h1{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(58px,8vw,120px);
  line-height:.9;
  font-weight:300;
  margin:0 0 24px;
}

.page-about-hero p{
  max-width:720px;
  font-size:18px;
  line-height:1.8;
}

.page-about-manifesto{
  max-width:1200px;
  margin:0 auto;
  padding:20px 24px 70px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:90px;
  align-items:center;
}

.about-manifesto-text h2{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(48px,5vw,76px);
  line-height:.92;
  font-weight:300;
  margin:0 0 26px;
}

.about-manifesto-text p{
  max-width:520px;
}

.about-manifesto-image{
  aspect-ratio:4/5;
  background:
    linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.18)),
    url('https://www.arkeofficial.com/wp-content/uploads/2026/05/ChatGPT-Image-22-mag-2026-11_47_56.png') center/cover no-repeat;
  border-radius:6px;
  box-shadow:0 30px 90px rgba(0,0,0,.18);
}

.page-about-world{
  max-width:1200px;
  margin:0 auto;
  padding:0 24px 90px;
}

.about-world-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
  margin-top:40px;
}

.about-world-card{
  padding:34px;
  background:#fff;
  border:1px solid #DDE1E7;
}

.about-world-card span{
  display:block;
  margin-bottom:22px;
  color:#7EA2FF;
  font-size:13px;
  letter-spacing:.18em;
  font-weight:700;
}

.about-world-card h3{
  margin:0 0 12px;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:34px;
  font-weight:400;
}

.page-about-links{
  max-width:1200px;
  margin:0 auto;
  padding:0 24px 100px;
}

.about-links-row{
  display:flex;
  gap:34px;
  flex-wrap:wrap;
  align-items:center;
}

.about-links-row a{
  display:flex;
  align-items:center;
  gap:12px;
  color:#111621;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:13px;
  transition:.25s ease;
}

.about-links-row svg{
  width:18px;
  height:18px;
  opacity:.85;
}

.about-links-row a:hover,
.about-links-row a:hover svg{
  color:#7EA2FF;
}

/* =========================================================
   16. CONTACT PAGE
========================================================= */

.page-contact-hero{
  max-width:1200px;
  margin:0 auto;
  padding:40px 24px 50px;
}

.page-contact-hero h1{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(58px,8vw,120px);
  line-height:.9;
  font-weight:300;
  margin:0 0 26px;
}

.page-contact-hero p{
  max-width:720px;
  font-size:18px;
  line-height:1.8;
}

.page-contact-cards{
  max-width:1200px;
  margin:0 auto;
  padding:0 24px 90px;
  display:grid;
  gap:26px;
}

.contact-wide-card{
  min-height:220px;
  padding:42px 52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  background:#fff;
  border:1px solid #DDE1E7;
  box-shadow:0 18px 60px rgba(0,0,0,.035);
}

.contact-wide-card h2{
  margin:0 0 18px;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(42px,5vw,60px);
  line-height:.95;
  font-weight:300;
}

.contact-wide-card p{
  max-width:520px;
  margin:0 0 26px;
}

.contact-icon{
  display:none !important;
}

.contact-mail-btn{
  width:220px;
  height:46px;
  padding:0 22px;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  background:#5f86ff !important;
  color:#fff !important;
  border:1px solid #5f86ff !important;
  border-radius:0;

  font-family:Inter, Arial, sans-serif !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.12em !important;
  line-height:3px !important;

  text-transform:uppercase;
  text-decoration:none !important;

  transition:.25s ease;
}

.contact-mail-btn:hover{
  background:#7a9cff !important;
  border-color:#7a9cff !important;
  color:#fff !important;
  transform:translateY(-2px);
}

.contact-social-icons{
  display:flex;
  align-items:center;
  gap:34px;
  flex-wrap:wrap;
  margin-top:30px;
}

.contact-social-icons a{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:15px;
  font-weight:700;
  transition:.25s ease;
}

.contact-social-icons svg{
  width:28px;
  height:28px;
  fill:currentColor;
}

.contact-social-icons .spotify{
  color:#1DB954;
}

.contact-social-icons .instagram{
  color:#E4405F;
}

.contact-social-icons .youtube{
  color:#FF0000;
}

.contact-social-icons a:hover{
  transform:translateY(-2px);
}

.connect-note{
  margin-top:18px;
  color:#6D7480;
  font-style:italic;
}

@media(max-width:900px){

  .page-video-grid{
    grid-template-columns:1fr !important;
  }

  .page-about-manifesto{
  grid-template-columns:1fr;
}

  .page-about-manifesto{
    gap:40px;
  }

  .contact-wide-card{
    min-height:auto;
    padding:32px 24px;
  }

  .contact-social-icons{
    flex-direction:column;
    align-items:flex-start;
    gap:18px;
  }

  .contact-mail-btn{
    width:100%;
    max-width:260px;
  }
}


/* ABOUT - SOCIAL LINKS */

.about-links-row{
  display:flex;
  align-items:center;
  gap:32px;
  flex-wrap:wrap;
}

.about-links-row a{
  text-decoration:none;
}


/* =========================================================
   17. 404 PAGE
========================================================= */

.arke-404{
  min-height:100vh;
  padding:170px 24px 100px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at center, rgba(93,143,220,.18), transparent 34%),
    linear-gradient(180deg,#05070b 0%,#090d15 100%);
  color:#fff;
  text-align:center;
}

.arke-404-inner{
  max-width:760px;
  margin:0 auto;
}

.arke-404-code{
  margin:0 0 22px;
  color:#7EA2FF;
  text-transform:uppercase;
  letter-spacing:.45em;
  font-size:13px;
  font-weight:700;
}

.arke-404 h1{
  margin:0 0 28px;
  color:#fff;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(54px,7vw,96px);
  line-height:.95;
  font-weight:300;
}

.arke-404-text{
  margin:0 0 24px;
  color:rgba(255,255,255,.78);
  font-size:20px;
  line-height:1.8;
}

.arke-404-subtext{
  max-width:560px;
  margin:0 auto 38px;
  color:rgba(255,255,255,.52);
  font-size:16px;
  line-height:1.8;
}

.arke-404-actions{
  display:flex;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
}

@media(max-width:768px){

  .arke-404{
    padding:140px 22px 80px;
  }

  .arke-404 h1{
    font-size:48px;
  }

  .arke-404-text{
    font-size:17px;
  }

  .arke-404-actions{
    flex-direction:column;
  }

  .arke-404-actions .btn{
    width:100%;
  }
}

/* =========================================================
   MAILPOET CONFIRMATION PAGE
========================================================= */

.page .entry-content{
  max-width:900px;
  margin:0 auto;
}

.arke-mailpoet-confirm{
  min-height:62vh;
  padding:100px 24px 100px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.arke-mailpoet-confirm .eyebrow{
  margin-bottom:22px;
}

.arke-mailpoet-confirm h1{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(54px,7vw,86px);
  line-height:.95;
  font-weight:300;
  margin:0 0 28px;
  color:#111;
}

.arke-mailpoet-confirm p{
  max-width:580px;
  margin:0 auto 34px;
  color:#46505c;
  font-size:17px;
  line-height:1.8;
}

.arke-mailpoet-confirm .btn{
  margin-top:8px;
}

/* =========================================================
   18. NEWSLETTER MAILPOET HOME
========================================================= */

.newsletter-section{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  padding:110px 72px 100px !important;
  text-align:center !important;
  background:#f4f1eb !important;
  color:#111318 !important;
  overflow:visible !important;
}

.newsletter-section > div:first-child{
  max-width:860px !important;
  margin:0 auto 42px !important;
  text-align:center !important;
}

.newsletter-section .eyebrow{
  margin-bottom:16px !important;
}

.newsletter-section h2{
  margin:0 0 22px !important;
  color:#111318 !important;
  font-family:"Cormorant Garamond",Georgia,serif !important;
  font-size:clamp(44px,5vw,68px) !important;
  line-height:1 !important;
  font-weight:400 !important;
}

.newsletter-section > div:first-child p{
  max-width:720px !important;
  margin:0 auto !important;
  color:#44505c !important;
  font-size:17px !important;
  line-height:1.7 !important;
  text-align:center !important;
}

.newsletter-section .mailpoet_form,
.newsletter-section form.mailpoet_form{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  max-width:720px !important;
  margin:0 auto !important;
  padding:0 !important;
  float:none !important;
  text-align:center !important;
  clear:both !important;
}

.newsletter-section .mailpoet_form h1,
.newsletter-section .mailpoet_form h2,
.newsletter-section .mailpoet_form h3{
  display:none !important;
}

.newsletter-section .mailpoet_form p,
.newsletter-section .mailpoet_paragraph{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  max-width:720px !important;
  margin:0 auto 16px !important;
  padding:0 !important;
  float:none !important;
  clear:both !important;
  text-align:center !important;
}

.newsletter-section label,
.newsletter-section .mailpoet_form label{
  display:none !important;
}

.newsletter-section .mailpoet_text,
.newsletter-section input[type="email"],
.newsletter-section input.mailpoet_text{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  max-width:720px !important;
  height:56px !important;
  min-height:56px !important;
  margin:0 auto !important;
  padding:0 20px !important;
  float:none !important;
  background:#fff !important;
  color:#111318 !important;
  border:1px solid rgba(0,0,0,.14) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:15px !important;
  line-height:56px !important;
  text-align:left !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}

.newsletter-section .mailpoet_text::placeholder,
.newsletter-section input[type="email"]::placeholder{
  color:rgba(17,19,24,.38) !important;
}

.newsletter-section .mailpoet_submit,
.newsletter-section input[type="submit"],
.newsletter-section button[type="submit"]{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  max-width:720px !important;
  height:56px !important;
  min-height:56px !important;
  margin:0 auto !important;
  padding:0 24px !important;
  float:none !important;
  background:#111318 !important;
  color:#fff !important;
  border:1px solid #111318 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:56px !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  text-align:center !important;
  cursor:pointer !important;
  transition:.25s ease !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}

.newsletter-section .mailpoet_submit:hover,
.newsletter-section input[type="submit"]:hover,
.newsletter-section button[type="submit"]:hover{
  background:#6f9fe8 !important;
  border-color:#6f9fe8 !important;
  color:#fff !important;
}

.newsletter-section .mailpoet_validate_success,
.newsletter-section .mailpoet_validate_error,
.newsletter-section .mailpoet_message,
.newsletter-section .mailpoet_form_successfully_send,
.newsletter-section .mailpoet_form_send_success,
.newsletter-section [class*="mailpoet"][class*="success"],
.newsletter-section [class*="mailpoet"][class*="error"]{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  max-width:720px !important;
  margin:24px auto 0 !important;
  padding:0 20px !important;
  position:static !important;
  inset:auto !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  transform:none !important;
  float:none !important;
  clear:both !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#44505c !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:15px !important;
  line-height:1.6 !important;
  text-align:center !important;
}

.newsletter-section .mailpoet_validate_success *,
.newsletter-section .mailpoet_validate_error *,
.newsletter-section .mailpoet_message *,
.newsletter-section .mailpoet_form_successfully_send *,
.newsletter-section .mailpoet_form_send_success *{
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

/* Newsletter mobile */

@media(max-width:768px){

  .newsletter-section{
    padding:78px 22px 74px !important;
    min-height:auto !important;
  }

  .newsletter-section > div:first-child{
    max-width:100% !important;
    margin:0 auto 32px !important;
  }

  .newsletter-section h2{
    font-size:42px !important;
    line-height:1.05 !important;
    margin-bottom:20px !important;
  }

  .newsletter-section > div:first-child p{
    font-size:16px !important;
    line-height:1.7 !important;
  }

  .newsletter-section .mailpoet_form,
  .newsletter-section form.mailpoet_form{
    max-width:100% !important;
    margin:0 auto !important;
  }

  .newsletter-section .mailpoet_form p,
  .newsletter-section .mailpoet_paragraph{
    max-width:100% !important;
    margin-bottom:14px !important;
  }

  .newsletter-section .mailpoet_text,
  .newsletter-section input[type="email"],
  .newsletter-section input.mailpoet_text{
    max-width:100% !important;
    height:54px !important;
    min-height:54px !important;
    line-height:54px !important;
    font-size:16px !important;
  }

  .newsletter-section .mailpoet_submit,
  .newsletter-section input[type="submit"],
  .newsletter-section button[type="submit"]{
    max-width:100% !important;
    height:54px !important;
    min-height:54px !important;
    margin-bottom:18px !important;
    line-height:54px !important;
  }

  .newsletter-section .mailpoet_validate_success,
  .newsletter-section .mailpoet_validate_error,
  .newsletter-section .mailpoet_message,
  .newsletter-section .mailpoet_form_successfully_send,
  .newsletter-section .mailpoet_form_send_success,
  .newsletter-section [class*="mailpoet"][class*="success"],
  .newsletter-section [class*="mailpoet"][class*="error"]{
    max-width:100% !important;
    margin:22px auto 0 !important;
    padding:0 8px !important;
    font-size:15px !important;
    line-height:1.55 !important;
    text-align:center !important;
  }
}

/* =========================================================
   SHOP ARCHIVE PRODUCT GRID REFINEMENT
========================================================= */

.woocommerce ul.products li.product{
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  min-height:520px !important;
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
  display:flex !important;
  flex-direction:column !important;
  flex:1 !important;
}

.woocommerce ul.products li.product a img{
  width:100% !important;
  height:260px !important;
  object-fit:contain !important;
  padding:18px !important;
  background:#f7f7f5 !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
  min-height:54px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.woocommerce ul.products li.product .price{
  min-height:28px !important;
}

.woocommerce ul.products li.product .button{
  margin-top:auto !important;
  align-self:center !important;
}

/* =========================================================
   VIDEO PAGE - COMING SOON
========================================================= */

.page-video-soon{
  min-height:100vh;
  padding:150px 24px 100px;
  background:
    radial-gradient(circle at top right, rgba(93,143,220,.16), transparent 34%),
    linear-gradient(180deg,#F4F3F0 0%,#E9EAED 100%);
}

.page-video-soon-inner{
  max-width:1180px;
  margin:0 auto;
}

.page-video-soon h1{
  max-width:1000px;
  margin:0 0 28px;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(58px,8vw,118px);
  line-height:.9;
  font-weight:300;
  letter-spacing:-.03em;
  color:#101318;
}

.video-soon-intro{
  max-width:850px;
  margin:0 0 70px;
  color:#44505c;
  font-size:19px;
  line-height:1.85;
}

.video-soon-box{
  max-width:920px;
  padding:56px;
  background:#090d15;
  color:#fff;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 30px 90px rgba(0,0,0,.18);
}

.video-soon-box span{
  display:block;
  margin-bottom:22px;
  color:#7EA2FF;
  text-transform:uppercase;
  letter-spacing:.28em;
  font-size:12px;
  font-weight:800;
}

.video-soon-box h2{
  max-width:720px;
  margin:0 0 24px;
  color:#fff;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(42px,5vw,72px);
  line-height:.95;
  font-weight:300;
}

.video-soon-box p{
  max-width:680px;
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:17px;
  line-height:1.85;
}

/* Social links Video - versione stabile */
.video-social-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:28px !important;
  margin-top:46px !important;
}

.video-social-grid a{
  min-height:245px !important;
  padding:34px !important;
  display:flex !important;
  flex-direction:column !important;
  background:#fff !important;
  border:1px solid #DDE1E7 !important;
  color:#111621 !important;
  text-decoration:none !important;
  transition:.28s ease !important;
}

.video-social-grid a::after{
  content:"→";
  display:block;
  margin-top:auto;
  color:#7EA2FF;
  font-size:26px;
  line-height:1;
  transition:.28s ease;
}

.video-social-grid a:hover{
  transform:translateY(-6px) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.09) !important;
}

.video-social-grid a:hover::after{
  transform:translateX(6px);
}

.video-social-grid span{
  display:block !important;
  margin:0 0 30px !important;
  color:#7EA2FF !important;
  text-transform:uppercase !important;
  letter-spacing:.22em !important;
  font-size:12px !important;
  font-weight:800 !important;
}

.video-social-grid h3{
  margin:0 0 14px !important;
  font-family:"Cormorant Garamond",Georgia,serif !important;
  font-size:38px !important;
  line-height:1 !important;
  font-weight:400 !important;
  color:#111621 !important;
}

.video-social-grid p{
  margin:0 0 28px !important;
  color:#46505c !important;
  font-size:15px !important;
  line-height:1.7 !important;
}

.video-final-quote{
  max-width:700px;
  margin:80px auto 0;
  text-align:center;
  color:#101318;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(24px,3vw,42px);
  line-height:1.15;
  font-weight:300;
}

@media(max-width:900px){

  .page-video-soon{
    padding:125px 22px 80px;
  }

  .video-soon-intro{
    margin-bottom:48px;
    font-size:17px;
  }

  .video-soon-box{
    padding:38px 28px;
  }

  .video-social-grid{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }

  .video-social-grid a{
    min-height:auto !important;
    padding:32px 28px !important;
  }

  .video-social-grid h3{
    font-size:32px !important;
  }

  .video-social-grid p{
    margin-bottom:26px !important;
  }

  .video-final-quote{
    margin-top:58px;
  }
}

/* =========================================================
   VIDEO SOCIAL - RESET DEFINITIVO
========================================================= */

.page-video-soon .video-social-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:0 !important;
  margin-top:46px !important;
  border-top:1px solid #DDE1E7 !important;
}

.page-video-soon .video-social-grid a{
  display:grid !important;
  grid-template-columns:80px 230px 1fr 40px !important;
  align-items:center !important;
  gap:24px !important;
  width:100% !important;
  min-height:auto !important;
  padding:28px 0 !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid #DDE1E7 !important;
  box-shadow:none !important;
  color:#111621 !important;
}

.page-video-soon .video-social-grid a::after{
  content:"→" !important;
  display:block !important;
  color:#7EA2FF !important;
  font-size:24px !important;
  line-height:1 !important;
  margin:0 !important;
  align-self:center !important;
  justify-self:end !important;
}

.page-video-soon .video-social-grid a:hover{
  transform:none !important;
  box-shadow:none !important;
  padding-left:14px !important;
}

.page-video-soon .video-social-grid span{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  color:#7EA2FF !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.22em !important;
}

.page-video-soon .video-social-grid h3{
  margin:0 !important;
  padding:0 !important;
  font-family:"Cormorant Garamond",Georgia,serif !important;
  font-size:38px !important;
  line-height:1 !important;
  font-weight:400 !important;
}

.page-video-soon .video-social-grid p{
  margin:0 !important;
  padding:0 !important;
  color:#46505c !important;
  font-size:15px !important;
  line-height:1.7 !important;
}

@media(max-width:900px){

  .page-video-soon .video-social-grid a{
    grid-template-columns:54px 1fr 28px !important;
    gap:16px !important;
    padding:24px 0 !important;
  }

  .page-video-soon .video-social-grid h3{
    font-size:32px !important;
  }

  .page-video-soon .video-social-grid p{
    grid-column:2 / -1 !important;
  }
}

/* VIDEO SOCIAL - CLEAN VERSION */

.arke-video-social-clean{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:0 !important;
  margin-top:46px !important;
  border-top:1px solid #DDE1E7 !important;
}

.arke-video-social-clean a{
  display:grid !important;
  grid-template-columns:80px 230px 1fr 40px !important;
  align-items:center !important;
  gap:24px !important;
  padding:30px 0 !important;
  border-bottom:1px solid #DDE1E7 !important;
  color:#111621 !important;
  background:transparent !important;
}

.arke-video-social-clean a::after{
  content:"→";
  color:#7EA2FF;
  font-size:24px;
  justify-self:end;
}

.arke-video-social-clean span{
  color:#7EA2FF;
  font-size:12px;
  font-weight:800;
  letter-spacing:.22em;
}

.arke-video-social-clean h3{
  margin:0;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:38px;
  line-height:1;
  font-weight:400;
}

.arke-video-social-clean p{
  margin:0;
  color:#46505c;
  font-size:15px;
  line-height:1.7;
}

/* VIDEO SOCIAL - VERSIONE DEFINITIVA SEMPLICE */

.arke-video-social-clean{
  max-width:920px !important;
  margin:46px 0 0 !important;
  padding:0 !important;
  display:block !important;
  border-top:1px solid #DDE1E7 !important;
}

.arke-video-social-row{
  display:grid !important;
  grid-template-columns:60px 1fr 40px !important;
  align-items:center !important;
  gap:24px !important;
  padding:30px 0 !important;
  border-bottom:1px solid #DDE1E7 !important;
  color:#111621 !important;
  background:transparent !important;
}

.arke-video-number{
  color:#7EA2FF !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.22em !important;
}

.arke-video-content{
  display:block !important;
}

.arke-video-name{
  display:block !important;
  margin-bottom:8px !important;
  color:#111621 !important;
  font-family:"Cormorant Garamond",Georgia,serif !important;
  font-size:38px !important;
  line-height:1 !important;
  font-weight:400 !important;
}

.arke-video-text{
  display:block !important;
  color:#46505c !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:15px !important;
  line-height:1.7 !important;
}

.arke-video-arrow{
  color:#7EA2FF !important;
  font-size:24px !important;
  text-align:right !important;
}

@media(max-width:900px){

  .arke-video-social-row{
    grid-template-columns:50px 1fr 28px !important;
    gap:14px !important;
    padding:22px 0 !important;
  }

  .arke-video-name{
    font-size:30px !important;
  }

  .arke-video-text{
    font-size:14px !important;
  }
}
	
/* VIDEO SOCIAL - REMOVE OLD AUTO ARROW */

.arke-video-social-clean a::after,
.arke-video-social-row::after{
  content:none !important;
  display:none !important;
}
	
/* =========================================================
   ARKÉ - CART IN SHOP AREA ONLY
========================================================= */

.mobile-header-actions{
  display:none !important;
}

.mobile-cart-link{
  display:none !important;
}

.desktop-cart-count{
  margin-left:-20px;
  color:#8CB7FF !important;
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
}

@media(max-width:768px){
  .desktop-cart-count{
    display:none !important;
  }
}

@media(max-width:768px){

  .mobile-header-actions{
    display:flex !important;
    align-items:center;
    gap:18px;
    z-index:1002;
  }

  .mobile-cart-link{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:4px;
    color:#fff !important;
    font-size:18px;
    line-height:1;
  }

  .mobile-cart-link span{
    min-width:18px;
    height:18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#8CB7FF;
    color:#050816;
    border-radius:999px;
    font-size:10px;
    font-weight:800;
  }
}

.cart-icon{
  font-size:20px;
  line-height:1;
  vertical-align:middle;
}

/* =========================================================
   ARKÉ - ACTIVE MENU ITEM
========================================================= */

.nav a.nav-active{
  color:#8CB7FF !important;
  opacity:1 !important;
  position:relative;
}

.nav a.nav-active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-8px;
  height:2px;
  background:#8CB7FF;
}

@media(max-width:768px){

  .nav a.nav-active::after{
    bottom:8px;
    width:42px;
    right:auto;
  }
}

/* =========================================================
   ARKÉ - CART & CHECKOUT TOP SPACING
========================================================= */

.woocommerce-cart .site-main,
.woocommerce-checkout .site-main{
  padding-top:40px !important;
}

@media(max-width:768px){

  .woocommerce-cart .site-main,
  .woocommerce-checkout .site-main{
    padding-top:50px !important;
  }
}

.arke-cart-page-title{
  margin:40px 0 36px;
  padding:0 24px;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(48px,7vw,86px);
  line-height:1;
  font-weight:300;
  color:#101318;
}

@media(max-width:768px){

  .arke-cart-page-title{
    margin:24px 0 24px;
    font-size:54px;
  }
}
.arke-checkout-page-title{
  margin:24px 0 30px;
  padding:0 24px;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(48px,7vw,86px);
  line-height:1;
  font-weight:300;
  color:#101318;
}

@media(max-width:768px){

  .arke-checkout-page-title{
    margin:20px 0 24px;
    font-size:54px;
  }

}

/* =========================================================
   ARKÉ - EXPRESS PAYMENT MOBILE ONLY
========================================================= */

@media(max-width:768px){

  .woocommerce-checkout .wc-block-components-express-payment{
    padding-top:18px !important;
  }

  .woocommerce-checkout .wc-block-components-express-payment__event-buttons{
    margin-top:12px !important;
    gap:12px !important;
  }

}

/* =========================================================
   ARKÉ - CART VISIBILITY
========================================================= */

/* CART ALWAYS VISIBLE IN SHOP AREA */

.desktop-cart-count,
.mobile-cart-link{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

/* =========================================================
   ARKÉ - WOOCOMMERCE NOTICE FIX
========================================================= */

.woocommerce-notices-wrapper{
  max-width:1180px;
  margin:34px auto 28px !important;
  padding:0 24px !important;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:22px !important;
  padding:22px 28px !important;
  border:1px solid #DDE1E7 !important;
  background:#F8F8F6 !important;
  color:#37404A !important;
  line-height:1.6 !important;
}

.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a{
  white-space:nowrap !important;
}

.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button{
  order:2 !important;
  margin-left:auto !important;
  flex-shrink:0 !important;
}

@media(max-width:768px){

  .woocommerce-notices-wrapper{
    margin:24px auto 22px !important;
    padding:0 22px !important;
  }

  .woocommerce-message,
  .woocommerce-info,
  .woocommerce-error{
    display:block !important;
    padding:20px 22px !important;
  }

  .woocommerce-message .button,
  .woocommerce-info .button,
  .woocommerce-error .button{
    display:block !important;
    width:100% !important;
    margin:14px 0 0 !important;
    text-align:center !important;
  }

  .woocommerce-message a,
  .woocommerce-info a,
  .woocommerce-error a{
    white-space:normal !important;
  }
}

/* FIX BACK TO SHOP + WOOCOMMERCE NOTICE OVERLAP */

.single-product .woocommerce-notices-wrapper{
  max-width:1180px !important;
  margin:36px auto 34px !important;
  padding:0 40px !important;
  position:relative !important;
  z-index:1 !important;
}

.single-product .arke-back-shop{
  margin:22px auto 26px !important;
  padding:0 40px !important;
  position:relative !important;
  z-index:2 !important;
}

.single-product .woocommerce-message{
  margin:0 !important;
  padding:22px 28px !important;
  display:flex !important;
  align-items:center !important;
  gap:24px !important;
}

.single-product .woocommerce-message .button{
  margin-left:auto !important;
  flex-shrink:0 !important;
}

@media(max-width:768px){

  .single-product .woocommerce-notices-wrapper{
    margin:24px auto 24px !important;
    padding:0 22px !important;
  }

  .single-product .arke-back-shop{
    margin:18px auto 20px !important;
    padding:0 22px !important;
  }

  .single-product .woocommerce-message{
    display:block !important;
    padding:20px !important;
  }

  .single-product .woocommerce-message .button{
    display:block !important;
    width:100% !important;
    margin:14px 0 0 !important;
    text-align:center !important;
  }
}

/* =========================================================
   ARKÉ - WOOCOMMERCE NOTICES CLEAN STYLE
========================================================= */

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before{
  display:none !important;
  content:none !important;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
  padding-left:28px !important;
}

/* =========================================================
   ARKÉ - CART CHECKOUT BUTTON COLOR
========================================================= */

.woocommerce-cart .checkout-button.button.alt.wc-forward{
  background:#8CB7FF !important;
  border-color:#8CB7FF !important;
  color:#FFFFFF !important;
  border-radius:999px !important;
  font-weight:700 !important;
  letter-spacing:.06em !important;
}

.woocommerce-cart .checkout-button.button.alt.wc-forward:hover{
  background:#7EA2FF !important;
  border-color:#7EA2FF !important;
  color:#FFFFFF !important;
}
/* CHECKOUT - BACK TO SHOP LINK */

.arke-checkout-back-shop{
  display:inline-block;
  margin:24px 0 12px;
  padding:0 24px;
  color:#8CB7FF;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:12px;
  font-weight:800;
}

.arke-checkout-back-shop:hover{
  color:#5D8FDC;
}

@media(max-width:768px){
  .arke-checkout-back-shop{
    margin:20px 0 10px;
    padding:0 24px;
    font-size:11px;
  }
}

/* THANK YOU PAGE - ACTIONS */

.arke-thankyou-actions{
  max-width:1180px;
  margin:42px auto 80px;
  padding:0 24px;
  display:flex;
  gap:18px;
  flex-wrap:wrap;
}

.arke-thankyou-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 26px;
  border-radius:999px;
  background:#8CB7FF;
  color:#fff !important;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:12px;
  font-weight:800;
}

.arke-thankyou-actions a:last-child{
  background:#111621;
}

@media(max-width:768px){
  .arke-thankyou-actions{
    margin:34px auto 64px;
    flex-direction:column;
  }

  .arke-thankyou-actions a{
    width:100%;
  }
}

/* ================================
   HOME ARKÉ PREVIEW
================================ */

/* Nuova Home Preview: sfondo scuro e contenitori WordPress azzerati */
body:has(.arke-home-hero){
  background:#050608;
}

body:has(.arke-home-hero) .page-main,
body:has(.arke-home-hero) .page-content,
body:has(.arke-home-hero) .page-content-inner,
body:has(.arke-home-hero) .entry-content{
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:#050608 !important;
}

body:has(.arke-home-hero) .page-content{
  padding-top:0 !important;
}

.arke-home-hero {
  position: relative;
  min-height: 78vh;
  background-image: url("https://www.arkeofficial.com/wp-content/uploads/2026/06/sfondo_arke.png");
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
}

.arke-home-hero-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,.25), rgba(0,0,0,.85));
  z-index: 1;
}

.arke-home-hero-content {
  position: relative;
  z-index: 2;
  max-width: 900px;
  padding: 120px 24px 90px;
  color: #fff;
}

.arke-eyebrow {
  font-size: 13px;
  letter-spacing: .32em;
  text-transform: uppercase;
  color: #b9c9e8;
  margin: 0 0 22px;
}

.arke-home-hero h1 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(76px, 12vw, 170px);
  font-weight: 300;
  line-height: .9;
  margin: 0 0 34px;
  letter-spacing: .06em;
}

.arke-hero-text {
  font-size: clamp(18px, 2.1vw, 25px);
  line-height: 1.7;
  color: rgba(255,255,255,.9);
  margin: 0 0 42px;
}

.arke-button {
  display: inline-block;
  padding: 18px 42px;
  border: 1px solid rgba(185,201,232,.65);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .22em;
  font-size: 13px;
  text-decoration: none;
}

.arke-home-intro,
.arke-home-single,
.arke-home-final-quote {
  background: #050608;
  color: #e8e8e8;
  text-align: center;
  padding: 90px 24px;
}

.arke-home-intro p {
  max-width: 760px;
  margin: 0 auto;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(28px, 4vw, 48px);
  line-height: 1.25;
  color: #f3f3f3;
}

.arke-home-single {
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.arke-home-single h2 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(42px, 6vw, 82px);
  font-weight: 300;
  margin: 0 0 24px;
  color: #fff;
}

.arke-home-single p:not(.arke-eyebrow) {
  max-width: 620px;
  margin: 0 auto 28px;
  font-size: 18px;
  line-height: 1.8;
  color: rgba(255,255,255,.72);
}

.arke-text-link {
  color: #b9c9e8;
  text-decoration: none;
  font-weight: 600;
}


.arke-home-final-quote {
  padding: 80px 24px 100px;
}

.arke-home-final-quote blockquote {
  margin: 0;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(26px, 3vw, 42px);
  color: rgba(255,255,255,.78);
}

/* Mobile */
@media (max-width: 768px) {
  .arke-home-hero {
    min-height: 76vh;
  }

  .arke-home-hero-content {
    padding: 90px 22px 70px;
  }
.arke-home-intro,
  .arke-home-single,
  .arke-home-final-quote {
    padding: 64px 22px;
  }
}

.arke-home-final-quote {
  background: #f4f3f0 !important;
  color: #101318 !important;
  padding: 80px 24px 95px !important;
}

.arke-home-final-quote blockquote {
  color: #303741 !important;
}

/* Titolo Hero */

.arke-hero-title{
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:clamp(32px,3.8vw,58px);
  font-weight:300;
  line-height:1.15;
  max-width:800px;
  margin:0 auto 260px;
  color:#fff;
  text-align:center;
}

.arke-hero-text{
  position:absolute;
  bottom:70px;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  max-width:700px;
  text-align:center;
  color:#fff;
}

/* HOME HERO */

.arke-home-hero h1.arke-hero-title{
  display:none !important;
}

.arke-home-hero .arke-hero-text{
  position:absolute !important;
  bottom:-180px !important;
  left:50% !important;
  transform:translateX(-50%) !important;

  width:auto !important;
  max-width:none !important;
  margin:0 !important;

  text-align:center !important;
  white-space:nowrap !important;

  font-family:"Cormorant Garamond", Georgia, serif !important;
font-style:italic !important;
font-size:clamp(16px,1.1vw,22px) !important;
font-weight:300 !important;
color:rgba(235,235,235,.88) !important;
  text-shadow:0 2px 12px rgba(0,0,0,.8) !important;
}

/* SINGOLO HOME */

.arke-home-single{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  gap:80px;
  padding:100px 40px 105px;
  background:#050b18;
  color:#fff;
}

.arke-home-single-cover img{
  width:320px;
  border-radius:6px;
  display:block;
}

.arke-home-single-content{
  max-width:520px;
  padding-top:22px;
  text-align:center;
}

.arke-home-single-content .arke-eyebrow{
  margin:0 0 18px;
}

.arke-home-single-content h2{
  font-family:"Cormorant Garamond", serif;
  font-size:clamp(52px,5vw,80px);
  font-weight:300;
  margin:0 0 20px;
}

.arke-home-single-content p{
  font-size:18px;
  line-height:1.8;
  color:rgba(255,255,255,.82);
  margin:0 auto;
}

.arke-single-button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:3px !important;

  min-width:118px !important;
  height:40px !important;

  background:#5f86ff !important;
  border:1px solid #5f86ff !important;
  color:#fff !important;

  font-family:Inter, Arial, sans-serif !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;

  transition:.25s ease !important;
}

.arke-single-button:hover{
  background:#7a9cff !important;
  border-color:#7a9cff !important;
  color:#fff !important;
}

@media(max-width:900px){

  .arke-home-single{
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:40px;
    padding:80px 24px;
  }

  .arke-home-single-cover img{
    width:min(320px,80vw);
  }

  .arke-home-single-content{
    padding-top:0;
  }
}


/* HOME NEXT RELEASE */

.arke-home-next{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  gap:80px;
  padding:95px 40px;
  background:#f4f3f0;
  color:#111318;
}

.arke-home-next-content{
  max-width:520px;
  text-align:center;
  padding-top:22px;
}

.arke-home-next h2{
  font-family:"Cormorant Garamond", serif;
  font-size:clamp(58px,7vw,96px);
  font-weight:300;
  margin:0 0 24px;
  color:#111318;
}

.arke-home-next p{
  font-size:18px;
  line-height:1.8;
  color:#4d5560;
}

.arke-next-label{
  display:inline-block;
  margin-top:18px;
  color:#5f86ff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.20em;
  text-transform:uppercase;
}

.arke-home-next-cover img{
  width:320px;
  border-radius:6px;
  display:block;
}

@media(max-width:900px){

  .arke-home-next{
    flex-direction:column-reverse;
    gap:40px;
    text-align:center;
    padding:80px 24px;
  }

  .arke-home-next-cover img{
    width:min(320px,80vw);
  }

}

/* HOME SHOP PREVIEW */

.arke-home-shop-preview{
  background:#050b18 !important;
  color:#fff !important;
  text-align:center !important;
  padding:105px 7vw 115px !important;
}

.arke-shop-preview-heading{
  max-width:760px !important;
  margin:0 auto 56px !important;
}

.arke-shop-preview-heading h2{
  font-family:"Cormorant Garamond", Georgia, serif !important;
  font-size:clamp(46px,5vw,76px) !important;
  font-weight:300 !important;
  line-height:1.05 !important;
  margin:0 0 22px !important;
  color:#fff !important;
}

.arke-shop-preview-heading p:not(.arke-eyebrow){
  font-size:18px !important;
  line-height:1.8 !important;
  color:rgba(255,255,255,.76) !important;
  margin:0 auto !important;
}

.arke-shop-preview-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  gap:34px !important;
  max-width:1040px !important;
  margin:0 auto 46px !important;
}

.arke-shop-preview-item{
  background:#0d1422 !important;
  border:1px solid rgba(255,255,255,.08) !important;
  padding:28px 24px 26px !important;
  transition:.25s ease !important;
}

.arke-shop-preview-item:hover{
  transform:translateY(-6px) !important;
  border-color:rgba(95,134,255,.35) !important;
}

.arke-shop-preview-item img{
  width:100% !important;
  max-width:260px !important;
  aspect-ratio:1/1 !important;
  object-fit:cover !important;
  display:block !important;
  margin:0 auto 22px !important;
  border-radius:4px !important;
}

.arke-shop-preview-item h3{
  font-family:"Cormorant Garamond", Georgia, serif !important;
  font-size:30px !important;
  font-weight:300 !important;
  color:#fff !important;
  margin:0 !important;
}

.arke-shop-preview-button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-width:190px !important;
  height:42px !important;

  background:#5f86ff !important;
  border:1px solid #5f86ff !important;
  color:#fff !important;

  font-family:Inter, Arial, sans-serif !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.12em !important;
  line-height:3px !important;

  text-transform:uppercase !important;
  text-decoration:none !important;
}

.arke-shop-preview-button:hover{
  background:#7a9cff !important;
  border-color:#7a9cff !important;
  color:#fff !important;
  
}

@media(max-width:900px){
  .arke-home-shop-preview{
    padding:80px 24px 90px !important;
  }

  .arke-shop-preview-grid{
    grid-template-columns:1fr !important;
    max-width:360px !important;
  }
}

/* HOME MOBILE CENTER FIX */

@media(max-width:900px){

  .arke-home-single,
  .arke-home-next,
  .arke-home-shop-preview{
    text-align:center !important;
  }

  .arke-home-single-content,
  .arke-home-next-content,
  .arke-shop-preview-heading,
  .arke-shop-preview-item{
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }

  .arke-home-single-cover img,
  .arke-home-next-cover img,
  .arke-shop-preview-item img{
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .arke-shop-preview-grid{
    justify-items:center !important;
  }

  .arke-shop-preview-button,
  .arke-single-button{
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media(max-width:900px){

  .arke-home-next-cover{
    display:flex !important;
    justify-content:center !important;
  }

  .arke-home-next-cover img{
    margin:0 auto !important;
    display:block !important;
  }

}

@media(max-width:900px){

  .arke-home-intro p{
    font-size:20px !important;
    line-height:1.4 !important;
  }

}

@media(max-width:900px){

  .arke-home-next{
    align-items:center !important;
  }

  .arke-home-next-cover{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
  }

  .arke-home-next-cover img{
    display:block !important;
    margin:0 auto !important;
  }

}


/* HOME NEWSLETTER - FINAL */

.newsletter-section{
  background:#f4f3f0 !important;
  padding:85px 24px 95px !important;
  text-align:center !important;
}

.newsletter-section > div{
  max-width:760px !important;
  margin:0 auto 34px !important;
}

.newsletter-section h2{
  font-family:"Cormorant Garamond", Georgia, serif !important;
  font-size:clamp(44px,5vw,72px) !important;
  font-weight:300 !important;
  line-height:1.05 !important;
  margin:0 0 22px !important;
  color:#111318 !important;
}

.newsletter-section p{
  max-width:720px !important;
  margin:0 auto !important;
  color:#4d5560 !important;
  font-size:18px !important;
  line-height:1.7 !important;
}

.newsletter-section .mailpoet_form{
  max-width:620px !important;
  margin:0 auto !important;
}

.newsletter-section input[type="email"]{
  width:100% !important;
  height:52px !important;
  border:1px solid rgba(0,0,0,.12) !important;
  background:#fff !important;
}

.newsletter-section input[type="submit"]{
  width:220px !important;
  height:42px !important;
  margin:18px auto 0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  background:#5f86ff !important;
  border:1px solid #5f86ff !important;
  color:#fff !important;

  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.14em !important;
  line-height:3px !important;
  text-transform:uppercase !important;
}

.newsletter-section input[type="submit"]:hover{
  background:#7a9cff !important;
  border-color:#7a9cff !important;
}