/* Comfortrek V299 — handcrafted storefront theme layer
 * Structural visual redesign. Presentation-only; no schema/API dependency.
 */
:root{--ct299-ease:cubic-bezier(.16,1,.3,1)}
body[class*="site-theme-"]{--ct299-gap:24px;--ct299-card-radius:22px;--ct299-section-pad:clamp(34px,5vw,72px);--ct299-hero-pad:clamp(42px,7vw,100px);--ct299-shadow:0 18px 55px rgba(0,0,0,.18)}
body.appearance-light[class*="site-theme-"]{--ct299-shadow:0 18px 50px rgba(26,29,31,.10)}
body[class*="site-theme-"] .home-section,body[class*="site-theme-"] .content-section{padding-block:var(--ct299-section-pad)}
body[class*="site-theme-"] .section-heading,body[class*="site-theme-"] .section-title{letter-spacing:-.035em}
body[class*="site-theme-"] .product-grid,body[class*="site-theme-"] .products-grid,.shop-product-grid{gap:var(--ct299-gap)!important}
body[class*="site-theme-"] .product-card,body[class*="site-theme-"] .home-product-tile{border-radius:var(--ct299-card-radius)!important;overflow:hidden!important;position:relative}
body[class*="site-theme-"] .product-card .product-info,body[class*="site-theme-"] .home-product-tile .product-info{padding:clamp(13px,1.8vw,22px)!important}
body[class*="site-theme-"] .product-card .product-title,body[class*="site-theme-"] .home-product-tile .product-title{font-weight:750;letter-spacing:-.018em}
body[class*="site-theme-"] .product-card .price,body[class*="site-theme-"] .home-product-tile .price{font-variant-numeric:tabular-nums;font-weight:800}
body[class*="site-theme-"] .product-card::after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid transparent;border-radius:inherit;transition:border-color .35s ease,box-shadow .35s ease}
body[class*="site-theme-"] .product-card:hover::after{border-color:color-mix(in srgb,var(--ct298-accent) 48%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ct298-accent) 12%,transparent)}
body[class*="site-theme-"] .hero,body[class*="site-theme-"] .hero-section,body[class*="site-theme-"] .ck-featured-hero{min-height:clamp(430px,58vh,720px)!important;padding:var(--ct299-hero-pad)!important}
body[class*="site-theme-"] .hero-content,body[class*="site-theme-"] .hero-inner,body[class*="site-theme-"] .ck-featured-hero__inner{max-width:1320px;margin-inline:auto}
body[class*="site-theme-"] .hero h1{font-size:clamp(2.7rem,6.8vw,7.2rem)!important;line-height:.94!important;max-width:9ch}
body[class*="site-theme-"] .hero p{max-width:58ch;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.7}
body[class*="site-theme-"] .hero-actions{gap:12px;display:flex;flex-wrap:wrap}
body[class*="site-theme-"] .hero-actions .btn-primary,body[class*="site-theme-"] .hero-actions .btn-secondary{min-height:48px;padding-inline:22px}

/* 01 Signature — fashion editorial */
body.site-theme-signature{--ct299-gap:26px;--ct299-card-radius:18px}
body.site-theme-signature .hero{background-image:linear-gradient(90deg,rgba(8,9,10,.82),rgba(8,9,10,.2)),var(--ct298-hero)!important}
body.site-theme-signature .product-card{box-shadow:0 20px 55px rgba(0,0,0,.2)!important}
/* 02 Midnight — oversized cinematic */
body.site-theme-midnight_luxe{--ct299-gap:30px;--ct299-card-radius:28px}
body.site-theme-midnight_luxe .hero{min-height:68vh!important;border-radius:0 0 42px 42px!important}
body.site-theme-midnight_luxe .hero h1{font-size:clamp(3.2rem,8vw,8rem)!important;max-width:8ch}
body.site-theme-midnight_luxe .product-card{backdrop-filter:blur(14px);box-shadow:0 28px 80px rgba(65,53,180,.18)!important}
/* 03 Aurora — glass / gradient */
body.site-theme-aurora{--ct299-gap:22px;--ct299-card-radius:30px}
body.site-theme-aurora .hero{border-radius:36px!important;margin:18px!important;min-height:62vh!important}
body.site-theme-aurora .product-card,body.site-theme-aurora .category-card{backdrop-filter:blur(16px);background:linear-gradient(145deg,color-mix(in srgb,var(--ct298-surface) 82%,#6de1d3),var(--ct298-surface2))!important}
/* 04 Obsidian — luxury black/gold */
body.site-theme-obsidian_gold .hero{min-height:64vh!important;border-bottom:1px solid var(--ct298-accent)!important}
body.site-theme-obsidian_gold .section-heading,body.site-theme-obsidian_gold .section-title{font-size:clamp(1.9rem,3vw,3.2rem)!important;text-transform:uppercase;letter-spacing:.08em}
body.site-theme-obsidian_gold .product-card{border-radius:12px!important}
/* 05 Titanium — precision */
body.site-theme-titanium{--ct299-gap:16px;--ct299-card-radius:12px}
body.site-theme-titanium .hero{border-radius:0!important;border-block:1px solid var(--ct298-line)}
body.site-theme-titanium .product-card{box-shadow:0 14px 35px rgba(0,0,0,.24)!important}
body.site-theme-titanium .btn-primary{border-radius:10px!important}
/* 06 Royal Noir — jewel editorial */
body.site-theme-royal_noir .hero{border-radius:0 0 48px 0!important}
body.site-theme-royal_noir .product-card{border-radius:20px 4px 20px 4px!important}
body.site-theme-royal_noir .section-heading{font-style:italic}
/* 07 Cyber Chrome — angular tech */
body.site-theme-cyber_chrome{--ct299-gap:14px;--ct299-card-radius:8px}
body.site-theme-cyber_chrome .hero{clip-path:polygon(0 0,100% 0,100% 91%,97% 100%,0 100%)!important;border-radius:0!important}
body.site-theme-cyber_chrome .product-card{border-radius:8px!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--ct298-accent) 15%,transparent),0 22px 45px rgba(0,0,0,.24)!important}
body.site-theme-cyber_chrome .btn-primary{border-radius:7px!important}
/* 08 Emerald Noir — organic premium */
body.site-theme-emerald_noir{--ct299-gap:28px;--ct299-card-radius:26px}
body.site-theme-emerald_noir .hero{border-radius:0 0 60px 0!important}
body.site-theme-emerald_noir .product-card{border-radius:26px 8px 26px 8px!important}
/* 09 Desert Luxe — warm travel */
body.site-theme-desert_luxe{--ct299-gap:26px;--ct299-card-radius:30px}
body.site-theme-desert_luxe .hero{min-height:60vh!important;border-radius:0 0 54px 54px!important}
body.site-theme-desert_luxe .section-heading{font-family:Georgia,serif;font-weight:500}
/* 10 Pearl Luxe — airy boutique */
body.site-theme-pearl_luxe{--ct299-gap:30px;--ct299-card-radius:30px}
body.site-theme-pearl_luxe .hero{margin-inline:18px;border-radius:32px!important}
body.site-theme-pearl_luxe .product-card{box-shadow:0 16px 45px rgba(0,0,0,.10)!important}
/* 11 Violet Neon — energetic */
body.site-theme-violet_neon .hero{border-radius:34px!important;margin:16px;box-shadow:0 25px 90px rgba(255,55,218,.12)}
body.site-theme-violet_neon .product-card:hover{box-shadow:0 26px 70px rgba(255,55,218,.16)!important}
/* 12 Monochrome — brutalist gallery */
body.site-theme-monochrome{--ct299-gap:12px;--ct299-card-radius:0px}
body.site-theme-monochrome .hero{border-radius:0!important}
body.site-theme-monochrome .hero h1{font-weight:900;text-transform:uppercase;letter-spacing:-.07em}
body.site-theme-monochrome .product-card{border-radius:0!important;box-shadow:none!important;border-width:2px!important}
body.site-theme-monochrome .btn-primary{border-radius:0!important}
/* 13 Palo Alto — modern travel */
body.site-theme-palo_alto,body.site-theme-paloalto_travel{--ct299-gap:22px;--ct299-card-radius:18px}
body.site-theme-palo_alto .hero,body.site-theme-paloalto_travel .hero{border-radius:0 0 38px 38px!important}
body.site-theme-palo_alto .product-card,body.site-theme-paloalto_travel .product-card{box-shadow:0 18px 48px rgba(0,0,0,.15)!important}
/* 14 Apex Atelier — split luxury */
body.site-theme-apex_atelier .hero{border-radius:0!important;min-height:70vh!important}
body.site-theme-apex_atelier .hero h1{max-width:7ch;text-transform:uppercase}
body.site-theme-apex_atelier .product-card{border-radius:8px!important}
/* 15 Symmetry Studio — architectural */
body.site-theme-symmetry_studio{--ct299-gap:18px;--ct299-card-radius:12px}
body.site-theme-symmetry_studio .hero{border-radius:0!important}
body.site-theme-symmetry_studio .product-card{border-radius:12px!important;box-shadow:none!important}
body.site-theme-symmetry_studio .section-heading{text-align:center}
/* 16 Prestige Maison — classic luxury */
body.site-theme-prestige_maison{--ct299-gap:28px;--ct299-card-radius:10px}
body.site-theme-prestige_maison .hero{border-radius:0 0 20px 20px!important}
body.site-theme-prestige_maison .hero h1,body.site-theme-prestige_maison .section-heading{font-family:Georgia,serif;font-weight:500}
/* 17 Motion Gallery — kinetic */
body.site-theme-motion_gallery{--ct299-gap:24px;--ct299-card-radius:32px}
body.site-theme-motion_gallery .product-card:nth-child(3n+1){transform:translateY(10px)}
body.site-theme-motion_gallery .product-card:hover{transform:translateY(-10px) rotate(-.3deg)!important}
/* 18 Broadcast Editorial — magazine */
body.site-theme-broadcast_editorial{--ct299-gap:12px;--ct299-card-radius:4px}
body.site-theme-broadcast_editorial .hero{border-radius:0!important}
body.site-theme-broadcast_editorial .hero h1{text-transform:uppercase;font-weight:900}
body.site-theme-broadcast_editorial .section-heading{text-transform:uppercase;border-bottom:2px solid var(--ct298-accent);padding-bottom:10px}
body.site-theme-broadcast_editorial .product-card{border-radius:4px!important;box-shadow:none!important}
/* 19 Enterprise Grid — clean system */
body.site-theme-enterprise_grid{--ct299-gap:16px;--ct299-card-radius:8px}
body.site-theme-enterprise_grid .hero{min-height:52vh!important;border-radius:0!important}
body.site-theme-enterprise_grid .product-card{border-radius:8px!important;box-shadow:none!important}
/* 20 Hyper Commerce — high-conversion */
body.site-theme-hyper_commerce{--ct299-gap:18px;--ct299-card-radius:26px}
body.site-theme-hyper_commerce .hero{border-radius:0 0 44px 44px!important}
body.site-theme-hyper_commerce .btn-primary{min-height:54px;font-weight:850}
body.site-theme-hyper_commerce .product-card:hover{transform:translateY(-9px) scale(1.008)!important}
/* 21 Concept Objects — museum minimal */
body.site-theme-concept_objects{--ct299-gap:34px;--ct299-card-radius:4px}
body.site-theme-concept_objects .hero{min-height:66vh!important;border-radius:0!important}
body.site-theme-concept_objects .product-card{border-radius:4px!important;box-shadow:none!important;background:transparent!important}
body.site-theme-concept_objects .product-card .product-info{padding-inline:4px!important}
/* 22 Wonder Immersive — cinematic */
body.site-theme-wonder_immersive{--ct299-gap:28px;--ct299-card-radius:34px}
body.site-theme-wonder_immersive .hero{min-height:72vh!important;border-radius:42px!important;margin:14px}
body.site-theme-wonder_immersive .product-card{backdrop-filter:blur(12px)}
/* 23 Quiet Luxury — restrained */
body.site-theme-quiet_luxury{--ct299-gap:30px;--ct299-card-radius:12px}
body.site-theme-quiet_luxury .hero{min-height:58vh!important;border-radius:0!important}
body.site-theme-quiet_luxury .hero h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}
body.site-theme-quiet_luxury .product-card{box-shadow:0 15px 40px rgba(0,0,0,.12)!important}
/* 24 Nordic Atelier — calm */
body.site-theme-nordic_atelier{--ct299-gap:22px;--ct299-card-radius:18px}
body.site-theme-nordic_atelier .hero{border-radius:0 0 38px 0!important}
body.site-theme-nordic_atelier .product-card{box-shadow:0 15px 38px rgba(0,0,0,.12)!important}
/* 25 Gallery House — framed art */
body.site-theme-gallery_house{--ct299-gap:24px;--ct299-card-radius:5px}
body.site-theme-gallery_house .hero{border:14px solid color-mix(in srgb,var(--ct298-accent) 12%,var(--ct298-bg));border-radius:0!important}
body.site-theme-gallery_house .product-card{border-radius:5px!important;box-shadow:0 18px 50px rgba(0,0,0,.18)!important}
/* 26 Studio Mono — high contrast */
body.site-theme-studio_mono{--ct299-gap:10px;--ct299-card-radius:6px}
body.site-theme-studio_mono .hero{border-radius:0!important}
body.site-theme-studio_mono .product-card{border-radius:6px!important;box-shadow:none!important}
body.site-theme-studio_mono .btn-primary{border-radius:6px!important}
/* 27 Editorial Motion — fashion magazine */
body.site-theme-editorial_motion{--ct299-gap:24px;--ct299-card-radius:16px}
body.site-theme-editorial_motion .hero{border-radius:0!important}
body.site-theme-editorial_motion .hero h1{font-family:Georgia,serif;font-weight:500}
body.site-theme-editorial_motion .product-card:nth-child(even){transform:translateY(7px)}
/* 28 Neo Utility — smart utility */
body.site-theme-neo_utility{--ct299-gap:14px;--ct299-card-radius:10px}
body.site-theme-neo_utility .hero{min-height:50vh!important;border-radius:0!important}
body.site-theme-neo_utility .product-card{border-radius:10px!important;box-shadow:none!important}
body.site-theme-neo_utility .btn-primary{border-radius:10px!important}

/* Light mode: preserve each theme's geometry but use readable surfaces. */
body.appearance-light[class*="site-theme-"] .product-card,body.appearance-light[class*="site-theme-"] .category-card,body.appearance-light[class*="site-theme-"] .home-feature-card{box-shadow:var(--ct299-shadow)!important}
body.appearance-light[class*="site-theme-"] .hero::before{opacity:.62}
@media(max-width:800px){body[class*="site-theme-"]{--ct299-gap:12px;--ct299-section-pad:34px}.hero h1,body[class*="site-theme-"] .hero h1{font-size:clamp(2.25rem,12vw,4rem)!important}.hero,body[class*="site-theme-"] .hero,body[class*="site-theme-"] .hero-section{min-height:430px!important;padding:34px 20px!important}.hero-actions{width:100%}.hero-actions>*{flex:1 1 auto}.product-card .product-info{padding:13px!important}}