/* Campaign layout, retaining the existing DRF palette. */
:root{--page-width:1600px;--page-gutter:clamp(20px,3.8vw,64px)}
.top{display:flex;justify-content:space-between;background:var(--surface2);color:var(--text);padding:9px var(--page-gutter);letter-spacing:.05em;font-size:10px}.top a{color:inherit;text-decoration:none}.nav{display:flex;justify-content:space-between;height:76px;background:var(--surface);position:relative}.nav .logo{order:0;position:static;transform:none;font:bold italic 35px Arial;letter-spacing:-2px}.nav .logo span{font:8px Arial;letter-spacing:2px}.nav .links{order:1;display:flex;font-size:14px;gap:28px}.nav .actions{order:2}.nav #searchToggle{width:112px;border-radius:30px;background:var(--surface2);font-size:14px}.nav #searchToggle:after{content:' Cari';font-size:13px}.campaignStrip{text-align:center;background:var(--surface2);padding:14px 20px;font-size:12px;line-height:1.7}.campaignStrip a{display:block;color:var(--text);font-size:10px;text-underline-offset:3px}
.hero{height:clamp(520px,65vw,740px);max-height:none;min-height:0;display:flex;margin:0 0 74px;padding:0;align-items:flex-end;justify-content:center;border-radius:0}.hero:after{display:block;background:linear-gradient(0deg,#27190dd9 0%,#27190d15 55%,transparent 75%)}.heroText{text-align:center;max-width:none;padding:0 24px 50px}.hero h1{font:900 clamp(40px,6.2vw,90px)/.96 Arial,Helvetica,sans-serif;letter-spacing:-.065em;text-transform:uppercase;max-width:1000px;margin:15px auto}.hero p{max-width:650px;margin:18px auto 24px;font-size:15px}.hero .eyebrow{font-size:12px;letter-spacing:.13em}.hero .btn,.btn,.collectionAll{border-radius:40px;letter-spacing:0;font-size:13px;padding:13px 23px;min-height:44px}.hero .heroSecondary{background:var(--surface);color:var(--text);border-color:var(--surface)}.section h2{font:500 26px/1.2 Arial;letter-spacing:-.025em}.sectionHead .eyebrow{display:none}.section{margin:0 auto;padding-bottom:76px}.bestSellerGrid{grid-template-columns:1fr 1fr;background:transparent;border-radius:0;gap:32px}.bestSellerGrid .card{border:0;background:transparent}.bestSellerGrid .jannaBestPhoto{border-radius:0}.bestSellerCopy{padding:36px;align-self:center}.bestSellerCopy h3{font:900 clamp(38px,4.5vw,72px)/.97 Arial;letter-spacing:-.055em;text-transform:uppercase}.bestSellerCopy .eyebrow{display:block;font-size:12px}.bestSellerCopy p{max-width:440px}.bestSellerGrid .badge{border-radius:30px;padding:10px 16px}.collectionLayout{display:block}.collectionLayout>.collectionImage{display:none}.collectionLayout .grid{display:flex;gap:22px}.collectionLayout .card{flex:0 0 calc((100% - 44px)/3);border:0;background:transparent}.collectionLayout .pic{border-radius:0;aspect-ratio:1/1}.collectionLayout .name{font-size:16px;font-weight:600}.collectionLayout .info{padding:17px 0}.collectionLayout .badge{border-radius:20px}.filter{border-radius:30px}.searchBox{border-radius:30px}.buyBtn,.detailBtn{border-radius:30px}.catalogNotice{background:transparent;border:0;padding:0;font-size:11px}.catalogNavigation button{background:var(--surface2);border:0}.collectionAll{display:table;margin:24px auto 0;width:auto;min-width:210px}.allCategories .cat{height:330px;border:0;border-radius:0;align-items:flex-end}.allCategories h3{font:600 27px Arial}.allCategories .cat>div{z-index:2}.categoryPhoto:after{z-index:1}.benefit{margin-bottom:64px}.help h2{font-size:32px}.footerLogo{font:bold 24px Arial}footer{background:var(--bg);border-top:1px solid var(--line)}
@media(max-width:1000px){.nav .links{gap:18px;font-size:12px}.nav #searchToggle{width:44px}.nav #searchToggle:after{content:none}.hero{height:640px}.hero h1{font-size:64px}.bestSellerGrid{gap:20px}.bestSellerCopy{padding:16px}.bestSellerCopy h3{font-size:46px}.collectionLayout .card{flex-basis:calc((100% - 22px)/2)}.allCategories{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.top{font-size:9px}.nav{height:102px;padding:0 20px 34px}.nav .logo{font-size:30px}.nav .links{display:flex;position:absolute;bottom:0;left:0;right:0;gap:22px;justify-content:center;font-size:11px;padding:0 12px;white-space:nowrap;overflow:auto}.nav .actions{margin-left:auto}.campaignStrip{font-size:11px;padding:12px 20px}.hero{height:590px;margin:0 0 48px}.heroText{padding:0 22px 34px}.hero h1{font-size:49px;letter-spacing:-.06em;max-width:none}.hero p{font-size:12px}.hero .eyebrow{font-size:10px}.hero .btn{font-size:11px;padding:12px 17px}.section{margin:0 auto;padding:0 20px 50px}.section h2{font-size:23px}.bestSellerGrid{grid-template-columns:1fr;gap:22px}.bestSellerCopy{padding:5px 0 0;text-align:center}.bestSellerCopy h3{font-size:46px}.bestSellerCopy p{margin-left:auto;margin-right:auto}.jannaFeatures{justify-content:center}.collectionLayout .card{flex-basis:80%;max-width:320px}.collectionLayout .name{font-size:15px}.allCategories{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:14px}.allCategories .cat{flex:0 0 82%;height:330px;scroll-snap-align:start}.allCategories h3{font-size:27px}.allCategories small{font-size:12px}.catalogNavigation span{font-size:10px;max-width:160px}.benefit{margin-bottom:48px}.help h2{font-size:27px}}

@media(min-width:601px){.allCategories{grid-template-columns:repeat(2,minmax(0,1fr))}}