:root{
  --v101-ink:#25231f; --v101-cream:#f6f1e8; --v101-paper:#fffdf9;
  --v101-taupe:#c9bba8; --v101-line:#ded5c8; --v101-soft:#ebe2d6;
}
html{scroll-behavior:smooth}
body{background:var(--v101-paper);color:var(--v101-ink)}
body:not(.admin-mode) .v7-admin-only{display:none!important}

/* Make the first screen feel like a real premium shop */
.hero{
  min-height:82vh!important;
  display:grid!important;
  grid-template-columns:1.05fr .95fr!important;
  align-items:center!important;
  gap:34px!important;
  padding-top:70px!important;padding-bottom:70px!important;
  background:
   radial-gradient(circle at 78% 35%,#e8ddd0 0 18%,transparent 19%),
   linear-gradient(135deg,#fbf8f2 0%,#eee4d7 100%)!important;
  border-bottom:1px solid var(--v101-line);
}
.hero h1{font-size:clamp(48px,6vw,92px)!important;line-height:.98!important;letter-spacing:-3px!important;max-width:760px}
.hero p{font-size:19px!important;max-width:610px!important;line-height:1.8}
.hero:after{
 content:"";
 display:block;
 min-height:560px;
 border-radius:40px 40px 12px 40px;
 background:
   linear-gradient(180deg,#0000 45%,#0005),
   url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900' viewBox='0 0 900 900'%3E%3Crect width='900' height='900' fill='%23d8cabb'/%3E%3Crect x='110' y='500' width='680' height='210' rx='10' fill='%23b5a18a'/%3E%3Crect x='150' y='535' width='300' height='140' rx='5' fill='%23c9b9a6'/%3E%3Crect x='470' y='535' width='280' height='140' rx='5' fill='%23c9b9a6'/%3E%3Cellipse cx='450' cy='500' rx='115' ry='24' fill='%23f7f3ec'/%3E%3Crect x='435' y='425' width='30' height='75' rx='12' fill='%238c8175'/%3E%3Ccircle cx='450' cy='280' r='155' fill='%23e8e1d7' stroke='%23f8f5ef' stroke-width='16'/%3E%3C/svg%3E") center/cover;
 box-shadow:0 30px 70px #6c5b4930;
}
.hero .actions .button,.hero .actions button{padding:16px 24px!important;border-radius:999px!important}

/* Cleaner nav */
nav,.nav{backdrop-filter:blur(16px);background:#fffdf9e8!important;border-bottom:1px solid #e8e0d5!important}
.logo{letter-spacing:4px!important}

/* Premium section rhythm */
section{padding-top:76px!important;padding-bottom:76px!important}
.sectionhead h2{font-size:clamp(34px,4vw,58px)!important;letter-spacing:-1.5px!important}
.kicker{letter-spacing:2px!important;font-size:11px!important}

/* Catalog cards become image-led */
.categories,.catalog-grid,#realCatalogGrid,#v13SearchResults{
 gap:18px!important;
}
.cat{
 min-height:360px!important;border-radius:26px!important;padding:24px!important;
 box-shadow:none!important;border:1px solid #e5ddd1!important;
 transition:transform .2s ease,box-shadow .2s ease!important;
 display:flex!important;align-items:flex-end!important;overflow:hidden!important;
}
.cat:hover{transform:translateY(-5px);box-shadow:0 18px 45px #4b40331a!important}
.cat h3{font-size:30px!important;margin:5px 0!important}
.cat small{line-height:1.55}

/* Builder is now visually dominant and cleaner */
.builder{
 border-radius:34px!important;
 background:var(--v101-cream)!important;
 padding:18px!important;
 gap:18px!important;
 border:1px solid var(--v101-line)!important;
}
.builder>div:first-child{border-radius:26px!important;overflow:hidden}
.steps{background:#fff!important;border-radius:26px!important;padding:24px!important}
.step{border-bottom:1px solid #eee6da!important;padding:18px 0!important}
.chip{border-radius:999px!important;padding:11px 15px!important;background:#fff!important;border:1px solid #dcd2c5!important}
.chip.active{background:#26231f!important;color:white!important;border-color:#26231f!important}
.primary{border-radius:999px!important;padding:13px 20px!important}
.secondary{border-radius:999px!important}

/* Product configurator header */
#productPageDemo .sectionhead{max-width:900px}
#productPageDemo{background:#fbf8f3!important}

/* Trust + journey less technical */
#v100CustomerJourney .cat,#v16Trust .cat{min-height:220px!important;background:#f4eee5!important}
#v100CustomerJourney .cat h3,#v16Trust .cat h3{font-size:24px!important}

/* Hide technical/demo sections from normal shoppers */
body:not(.admin-mode) #v8DataLayer,
body:not(.admin-mode) #v9CloudAdapter,
body:not(.admin-mode) #v16Accessibility,
body:not(.admin-mode) #v13Compatibility,
body:not(.admin-mode) #v11QuoteDocument,
body:not(.admin-mode) #v10CampaignBenefits{display:none!important}

/* Customer section labels */
#v12HelpSystem,#v13Faq,#v15Measurements,#v15ColorCenter,#v10Favorites,#v11Compare,#v14CustomerUpdates,#v16SavedProject,#v16Trust,#v100CustomerJourney,#v100Privacy{
 max-width:1320px;margin:auto;
}

/* Floating visual configurator price */
#productPageDemo .pricebox{
 position:sticky!important;bottom:18px!important;z-index:20!important;
 box-shadow:0 18px 50px #0002!important;border-radius:22px!important;
}

/* softer form controls */
.select,input,select,textarea{border-radius:14px!important;border:1px solid #dcd3c7!important;background:#fff!important}
.visual{border-radius:34px!important;overflow:hidden!important}

/* New editorial strip */
.v101-editorial{max-width:1320px;margin:auto;padding:24px 0 8px}
.v101-editorial-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}
.v101-look{min-height:520px;border-radius:34px;padding:34px;display:flex;align-items:flex-end;background:linear-gradient(160deg,#d6c6b4,#9f8d78);color:white}
.v101-look:nth-child(2){background:linear-gradient(160deg,#eee8df,#bfc0b5);color:#292722}
.v101-look h3{font-size:42px;margin:5px 0}.v101-look p{max-width:430px;line-height:1.7}

@media(max-width:800px){
 .hero{grid-template-columns:1fr!important;min-height:auto!important;padding-top:42px!important}
 .hero:after{min-height:410px;border-radius:26px!important}
 .hero h1{font-size:48px!important;letter-spacing:-2px!important}
 section{padding-top:52px!important;padding-bottom:52px!important}
 .v101-editorial-grid{grid-template-columns:1fr}
 .v101-look{min-height:360px}
 .cat{min-height:290px!important}
}