/* DRF: retain the brown/cream palette and owner-supplied photography. */
:root{--page-width:1280px;--page-gutter:clamp(20px,4.5vw,72px)}
html{scroll-padding-top:100px}.top{padding:11px 20px;font-size:10px;letter-spacing:.16em}.nav{height:88px;padding:0 var(--page-gutter);border-bottom:1px solid #d8c4b45c}.nav .links{gap:22px;font-size:12px}.nav .links a{padding:12px 0;position:relative}.nav .links a:after{content:'';position:absolute;bottom:6px;left:0;width:0;height:1px;background:var(--accent);transition:width .2s}.nav .links a:hover:after{width:100%}.nav .logo{font-size:33px}.nav .actions{gap:12px}
.hero{height:72vh;min-height:540px;max-height:740px;margin:0 0 80px;justify-content:flex-start;align-items:flex-end}.hero:after{background:linear-gradient(90deg,#28180e75,transparent 65%),linear-gradient(0deg,#2b1b11a6,transparent 55%)}.campaign.user-banner img{object-position:50% 43%}.heroText{width:min(1280px,100%);max-width:none;margin:0 auto;text-align:left;padding:0 var(--page-gutter) 55px}.hero .eyebrow{font-size:10px;letter-spacing:.24em}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,5vw,68px);letter-spacing:-.035em;line-height:1.08;max-width:600px;margin:16px 0}.hero p{font-size:14px;line-height:1.7;margin:0 0 25px;max-width:430px}.hero .btn{background:#fffaf5;color:#3a2418;border:1px solid #fffaf5;padding:16px 28px;min-height:48px}.hero .heroSecondary{margin-left:12px;background:transparent;color:#fffaf5;border-color:#fffaf58a}.btn{font-size:11px;padding:15px 25px;min-height:46px;border-radius:3px;font-weight:600}
.section{max-width:var(--page-width);margin:0 auto;padding:0 var(--page-gutter) 82px}.sectionHead{margin-bottom:30px;gap:20px}.section h2{font:36px/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.02em}.sectionHead .muted{font-size:12px;padding-bottom:4px;border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:.17em;margin-bottom:11px}.bestSellerGrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;background:#eee2d6;overflow:hidden;border-radius:5px}.bestSellerGrid .card{min-width:0;margin:0}.bestSellerGrid .jannaBestPhoto{padding:0;display:block}.bestSellerCopy{padding:clamp(28px,4vw,60px);max-width:none}.bestSellerCopy h3{font:clamp(32px,3.5vw,48px)/1.15 Georgia,'Times New Roman',serif;margin:15px 0 18px;letter-spacing:-.025em}.bestSellerCopy p{font-size:14px;line-height:1.8;margin-bottom:20px}.bestSellerCopy .btn{margin-top:5px}.jannaFeatures{display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:24px 0;list-style:none}.jannaFeatures li{font-size:11px;border:1px solid #cdb39e;padding:8px 12px;border-radius:30px}.bestSellerGrid .badge{background:#fffaf5;color:#5a3827;letter-spacing:.12em;padding:8px 12px;border-radius:2px;font-size:9px}
.catalogTools{align-items:center;gap:16px;margin:0 0 20px}.searchBox{min-width:250px;border-radius:3px}.filterGroup{gap:7px}.filter{border-radius:3px;font-size:11px;padding:11px 14px}.catalogNotice{font-size:11px;line-height:1.7;margin-bottom:8px;max-width:850px}.resultCount{font-size:11px}.collectionLayout{grid-template-columns:minmax(0,30%) minmax(0,1fr);gap:24px;align-items:start}.collectionImage{height:480px;border-radius:4px}.collectionImage span{font:26px/1.3 Georgia,serif;padding:30px 24px}.collectionImage small{font:12px/2 Arial,sans-serif}.collectionLayout .grid{gap:18px;padding:0 0 20px;min-width:0;scrollbar-width:thin;scrollbar-color:#b48f70 #eee2d6}.collectionLayout .card{flex:0 0 calc(50% - 9px);min-width:0}.collectionLayout .pic{border-radius:4px;aspect-ratio:4/5}.collectionLayout .info{padding:16px 0}.collectionLayout .name{font-size:14px;line-height:1.5;font-weight:500}.collectionLayout .price{font-size:14px;margin-top:9px}.collectionLayout .badge{font-size:8px;letter-spacing:.05em;padding:6px 8px}.productActions{gap:8px;margin-top:15px}.buyBtn,.detailBtn{min-height:42px;font-size:10px;border-radius:3px}.catalogNavigation{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:18px 0 0}.catalogNavigation span{font-size:11px;color:var(--muted);margin-right:auto}.catalogNavigation button{width:44px;height:44px;border:1px solid var(--line);background:transparent;color:var(--text);font-size:20px;border-radius:50%;cursor:pointer}.catalogNavigation button:hover{background:var(--surface2)}.collectionAll{border-radius:3px;font-size:11px;margin-top:22px}
.allCategories{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.allCategories .cat{height:210px;border-radius:4px;padding:22px}.allCategories h3{font:25px/1.2 Georgia,serif;margin-bottom:10px}.allCategories small{font-size:11px;line-height:1.5}.pendingTag{font-size:8px;letter-spacing:.1em}.galleryLink{margin-top:22px;font-size:12px}.benefit{max-width:calc(var(--page-width) - 2*var(--page-gutter));margin:0 auto 80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent}.benefit div{padding:25px 18px}.benefit b{font-size:11px;font-weight:600;letter-spacing:.05em}.benefit span{font-size:11px;line-height:1.7;margin-top:8px}.helpGrid{gap:30px;margin-top:32px}.helpGrid article{padding-top:22px}.helpGrid b{font-size:13px}.helpGrid p{font-size:13px;line-height:1.8}footer{padding:50px var(--page-gutter) 24px;gap:35px;background:#eee2d6}.footerLogo{font:23px Georgia,serif;letter-spacing:.06em}.footerTitle{font-size:11px;letter-spacing:.1em}.footerText,footer a{font-size:12px;line-height:1.8}.copy{font-size:10px;border-top:1px solid #d8c4b4;padding-top:22px;margin-top:12px}.cart{box-shadow:0 5px 24px #3a241825;border-radius:30px;font-size:11px;padding:15px 20px}
@media(min-width:1600px){.heroText{max-width:var(--page-width);padding-left:0;padding-right:0}}
@media(max-width:1000px){.nav .links{gap:13px;font-size:10px}.bestSellerCopy{padding:30px}.section h2{font-size:30px}.collectionImage{height:400px}.allCategories{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit{margin-left:var(--page-gutter);margin-right:var(--page-gutter)}}
@media(max-width:700px){.top{font-size:8px;padding:10px 12px;letter-spacing:.08em}.nav{height:106px;padding:0 20px 30px;grid-template-columns:1fr auto 1fr}.nav .logo{font-size:29px}.nav .links{position:absolute;bottom:0;left:0;right:0;justify-content:center;padding:4px 8px;gap:22px;font-size:10px;border-top:1px solid #d8c4b46b}.nav .links a{padding:9px 0}.nav .actions{gap:2px}.nav .icon{min-width:38px;width:38px}.hero{height:570px;min-height:0;max-height:none;margin-bottom:48px}.heroText{padding:0 24px 35px}.hero h1{font-size:42px;max-width:300px}.hero p{font-size:12px;max-width:290px}.hero .eyebrow{font-size:9px}.hero .btn{padding:13px 18px;min-width:0;font-size:9px}.hero .heroSecondary{margin-left:7px}.campaign.user-banner img{object-position:50% 47%}.section{padding-bottom:52px}.section h2{font-size:29px}.sectionHead{margin-bottom:22px;gap:12px}.sectionHead .muted{font-size:10px}.bestSellerGrid{grid-template-columns:minmax(0,1fr)}.bestSellerCopy{padding:28px}.bestSellerCopy h3{font-size:36px}.bestSellerCopy p{font-size:13px}.jannaFeatures{margin:20px 0}.catalogTools{align-items:stretch;flex-direction:column;gap:12px}.searchBox{min-width:0;width:100%}.filterGroup{flex-wrap:nowrap;overflow:auto;padding-bottom:5px}.filter{flex-shrink:0;padding:10px 12px}.collectionLayout{grid-template-columns:minmax(0,1fr);gap:22px}.collectionImage{height:280px}.collectionImage span{font-size:24px}.collectionLayout .grid{gap:14px}.collectionLayout .card{flex-basis:calc(50% - 7px)}.collectionLayout .name{font-size:12px}.collectionLayout .price{font-size:13px}.allCategories{gap:12px}.allCategories .cat{height:165px;padding:18px}.allCategories h3{font-size:22px}.allCategories small{font-size:10px}.benefit{margin-bottom:52px}.benefit div{padding:20px 12px}.benefit b,.benefit span{font-size:10px}.helpGrid{grid-template-columns:minmax(0,1fr);gap:18px}.helpGrid article{padding-top:18px}.helpGrid p{margin-bottom:0}footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding-top:36px}.footerLogo{font-size:21px}footer>div:first-child{grid-column:1/-1}.cart{right:14px;bottom:14px;padding:13px 17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.btn{transition:none}}
.campaign.user-banner img{object-position:50% 47%}
