/* Storefront composed to match the owner's supplied WPT reference. */
:root{--paper:#fcfbf8;--ink:#202029;--muted:#6f6c69;--wine:#ad090f;--wine-dark:#800a0b;--gold:#d5af67;--line:#e8e5df}
body{background:var(--paper);color:var(--ink)}[hidden]{display:none!important}.container{width:min(1240px,calc(100% - 80px))}
.ref-topbar{height:40px;background:linear-gradient(90deg,#7c1110,#a31715,#74100d);color:#fff;font-size:11px}.ref-topbar>.container{display:flex;align-items:center;height:100%;gap:26px}.ref-topbar span{display:flex;align-items:center;gap:7px}.ref-topbar span+span{border-left:1px solid #ffffff4f;padding-left:25px}.ref-topbar .icon{width:17px;height:17px}.ref-topbar a{margin-left:auto;font-size:11px}
.shop-header{height:87px;margin-bottom:0;background:#fcfbf8;border:0;gap:23px;position:relative}.brand-logo{width:200px;height:67px}.shop-header .desktop-nav{gap:18px;white-space:nowrap;color:#202029;font-size:12px}.shop-header .desktop-nav a.active{background:#aa0a12;color:#fff;padding:8px 15px;border-radius:7px}.shop-header .desktop-nav button:hover,.shop-header .desktop-nav a:not(.active):hover{color:#ae080c}.shop-header .header-actions{gap:13px}.shop-header .admin-link{background:none;border:0;padding:0;color:#49301f}.shop-header .admin-link>.icon{width:21px;height:21px}.shop-header .admin-link>span{display:none}.shop-header .cart-trigger b{background:#9f0910}.ref-search{display:flex;height:34px;border:1px solid #d9c8b9;border-radius:5px;overflow:hidden;width:170px;background:#fff}.ref-search input{border:0;box-shadow:none;padding:6px 8px;font-size:11px;min-width:0;border-radius:0;background:#fff}.ref-search button{width:33px;flex-shrink:0;background:#55280f;color:white;display:grid;place-items:center}.ref-search .icon{width:17px;height:17px}
.ref-hero{position:relative;background:#200a04 url('assets/wpt-reference-hero.png') center 58%/cover no-repeat;color:white;overflow:hidden}.ref-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#140602c9,#1e060346 48%,transparent 70%)}.ref-hero-inner{height:435px;position:relative;display:flex;align-items:center}.ref-hero-copy{padding:22px 0;max-width:60%}.ref-kicker{color:#efca78;font-size:11px;letter-spacing:2.8px}.ref-hero h1{font-size:57px;font-weight:700;line-height:1.18;letter-spacing:-1.7px;margin:22px 0 17px;color:#fff;text-shadow:0 2px 6px #0003}.ref-hero h1 span{font-size:48px;color:#ffe0a0;white-space:nowrap}.ref-hero p{font-size:15px;color:#fff8ee;line-height:1.6;margin-bottom:21px;font-weight:450}.ref-hero-actions{display:flex;align-items:center;gap:13px}.ref-hero-actions .button{font-size:14px;padding:12px 23px;min-height:46px;border-radius:7px}.button.dark,.ref-add-button{background:linear-gradient(180deg,#ca1921,#a8080d);border:1px solid #b82025;color:white;box-shadow:0 2px 4px #98080a15}.button.dark:hover,.ref-add-button:hover{background:#8f050b;border-color:#8f050b}.ref-hero-actions .button.dark{border-color:#fa6365;box-shadow:inset 0 1px 0 #ffffff4a,0 4px 15px #38000044}.ref-outline{color:#fff3d7;border:1px solid #d2a564;background:#260c0c60}.ref-outline:hover{background:#51200d}.ref-hero-benefits{display:flex;gap:21px;margin-top:20px;font-size:10px;color:#f8eee0}.ref-hero-benefits>span{display:flex;gap:7px;align-items:center}.ref-hero-benefits .icon{color:#e2b970;width:20px;height:20px}
.ref-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:20px;margin-bottom:28px}.ref-benefits>div{display:flex;align-items:center;gap:16px;background:linear-gradient(110deg,#f5f0e8,#f8f4ec);border-radius:15px;padding:15px 17px;min-height:83px}.ref-benefit-icon{display:grid;place-items:center;width:53px;height:53px;border-radius:50%;background:linear-gradient(135deg,#6b3918,#371804);color:#f4d798;flex-shrink:0;box-shadow:inset 0 0 0 1px #ad794a44}.ref-benefit-icon .icon{width:29px;height:29px}.ref-benefits p{margin:0;font-size:14px;color:#202029;font-weight:650;line-height:1.65}.ref-benefits small{display:block;font-size:11px;font-weight:400;color:#66636a}
.ref-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.ref-heading>div{display:flex;align-items:center;gap:14px}.ref-heading h2{font-size:26px;font-weight:650;line-height:1.3;color:#171b29;margin:0 0 4px}.ref-heading p{font-size:12px;color:#75747b;margin:0}.ref-heading>button{display:flex;align-items:center;gap:10px;color:#ad0a10;font-size:12px;padding:6px 0;white-space:nowrap}.ref-heading>button .icon{width:16px}.ref-heading-icon{font-size:36px;line-height:1;color:#a66b2a}.ref-heading-icon>.icon{width:28px;height:28px}.ref-featured{margin-bottom:29px;scroll-margin-top:18px}.ref-featured-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.product-card{border:1px solid #e5e3df;background:white;border-radius:9px;box-shadow:0 3px 9px #4b311008;overflow:hidden}.product-card:hover{border-color:#d6b58e;box-shadow:0 7px 18px #633a0f12}.product-image{aspect-ratio:1.13;background:#fff;border-bottom:0}.image-button{padding:0;width:100%;height:100%}.product-photo{display:block;width:100%;height:100%;aspect-ratio:1;background-image:url('assets/wpt-product-sheet.png');background-repeat:no-repeat;background-size:400% 200%;background-color:#fff}.product-image .product-photo{width:100%;height:auto;aspect-ratio:1;transform:scale(.97);transform-origin:50% 45%}.product-image .image-button{overflow:hidden}.product-tag{top:10px;left:10px;border-radius:18px;border:0;background:#c51a22;color:#fff;padding:4px 9px;font-size:9px;font-weight:500}.product-tag.tag-wine{background:#c51a22;border:0}.favorite{width:25px;height:25px;right:7px;top:9px;background:#ffffffb8;border-color:#eee9e1;color:#b69d82;opacity:0;transition:opacity .2s}.product-card:hover .favorite,.favorite:focus-visible,.favorite.selected{opacity:1}.product-meta{padding:9px 12px 12px}.product-meta>small{display:none}.product-name{font-size:13px;color:#252530;line-height:1.6;min-height:42px;font-weight:550;width:100%;text-align:left}.product-name:hover{color:#a3060e}.price-row{margin-top:1px;min-height:30px}.price-row strong{font-size:20px;color:#b7070f;font-weight:700}.price-row del{color:#938781;font-size:10px}.stock-text{font-size:10px;color:#747062;margin:2px 0 9px}.ref-add-button{width:100%;min-height:36px;border-radius:5px;display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:500;padding:7px 6px}.ref-add-button .icon{width:18px;height:18px}
.ref-category-section{margin-bottom:26px}.ref-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.ref-category-card{padding:5px 9px 11px;background:#fff;border:1px solid #e5e3df;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;text-align:left;box-shadow:0 2px 6px #57311005}.ref-category-card:hover{border-color:#c19156;box-shadow:0 5px 15px #63320b0c}.ref-category-art{display:block;aspect-ratio:1.4;width:100%;overflow:hidden}.ref-category-art .product-photo{height:auto;aspect-ratio:1;transform:scale(.95);transform-origin:center 35%}.ref-category-card strong{font-size:13px;color:#212530;font-weight:550;line-height:1.5}.ref-category-card small{font-size:10px;color:#ae1015;margin-top:3px;display:flex;gap:4px;align-items:center}.ref-category-card small .icon{width:13px;height:13px}
.catalog{padding-top:15px;padding-bottom:30px;scroll-margin-top:15px}.categories button{height:42px;font-size:11px;border-radius:5px;background:white;color:#544639}.categories button.active{background:#ac0c12;border-color:#ac0c12}.catalog .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.catalog .product-image{aspect-ratio:1.2}.catalog-tools{margin-bottom:18px}.filter-right{color:#716963}.search-field{border-color:#ded6cc}.search-field input{color:#332c28}
.ref-promo{position:relative;display:flex;align-items:center;gap:25px;min-height:165px;padding:16px 35px 16px 15px;border-radius:12px;overflow:hidden;background:linear-gradient(90deg,#9a0f16ee,#560803b0 47%,#20060354),url('assets/wpt-reference-hero.png') center 64%/cover;color:#fff0cc;box-shadow:inset 0 1px 0 #e9977066}.ref-promo-art{width:170px;height:145px;flex-shrink:0;border-radius:50%;overflow:hidden;background:#fff;mix-blend-mode:screen;filter:contrast(1.15)}.ref-promo-art .product-photo{height:100%;width:100%}.ref-promo>div:nth-child(2){flex-shrink:0}.ref-promo>div>span{font-size:8px;letter-spacing:1.8px;color:#f4c773}.ref-promo h2{font-size:27px;font-weight:650;line-height:1.3;margin:5px 0 5px;color:#ffedb6}.ref-promo h2 em{font-style:normal;font-size:23px}.ref-promo p{font-size:11px;margin:0;color:#e6c694}.ref-gold{background:linear-gradient(135deg,#fbe6a5,#d6a34d);color:#462711;border:1px solid #f2d994;white-space:nowrap;min-height:42px;font-size:12px;font-weight:600;box-shadow:0 3px 10px #31030033}.ref-gold:hover{background:#ffdfa0}.ref-promo-quote{margin-left:auto;font-size:20px;font-style:italic;line-height:1.45;color:#f4d88d;text-align:center;transform:rotate(-8deg);padding-inline:12px}
.ref-contact-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:25px 0;gap:12px}.ref-contact-strip>div,.ref-contact-strip>a,.ref-contact-strip>button{display:flex;align-items:center;gap:12px;padding:0 12px;border-left:1px solid #e7d9c5;text-align:left}.ref-contact-strip>:first-child{border-left:0;padding-left:0}.ref-contact-strip .icon{width:23px;height:23px;color:#603820}.ref-contact-strip span{font-size:11px;line-height:1.6;color:#242431}.ref-contact-strip small{display:block;font-size:10px;color:#75717c}.ref-contact-strip button:hover span,.ref-contact-strip a:hover span{color:#aa0c10}
footer.ref-footer{background:linear-gradient(100deg,#271a13,#191919);border-top:0;color:#f6ead9}.ref-footer .footer-main{display:flex;align-items:center;gap:24px;padding-block:15px;min-height:85px}.ref-footer .brand-logo{width:185px;height:62px}.ref-footer .footer-main>div{color:#fff3dd;font-style:italic;font-size:12px}.ref-footer .footer-main>div small{font-style:normal;color:#b8a493;font-size:9px}.ref-footer nav{margin-left:auto;display:flex;gap:14px;font-size:11px;color:#ddcfc5}.ref-footer nav button{padding:0}.ref-footer .demo-note{background:#171514;border-color:#ffffff12;color:#a99b8c;font-size:9px;padding:8px 20px}
.mini-art{overflow:hidden;background:white}.mini-art .product-photo{height:100%;width:100%}.detail-art{background:#fff;overflow:hidden}.detail-art>.product-photo{width:min(100%,350px);height:auto;aspect-ratio:1}.detail-art>span:not(.product-photo){font-size:10px;color:#998574}.admin-layout .brand-logo{max-width:100%;height:auto}.ref-add-button:disabled{background:#777;border-color:#777}
@media(min-width:1500px){.ref-hero-inner{height:475px}.ref-hero{background-position:center 59%}.ref-hero h1{font-size:64px}.ref-hero h1 span{font-size:54px}}
@media(max-width:1150px){.container{width:calc(100% - 66px)}.shop-header{gap:20px;height:82px}.brand-logo{width:182px;height:61px}.shop-header .desktop-nav{gap:15px;font-size:10px}.shop-header .desktop-nav a.active{padding:7px 11px}.ref-search{width:142px;height:32px}.shop-header .header-actions{gap:9px}.ref-hero-inner{height:390px}.ref-hero h1{font-size:52px}.ref-hero h1 span{font-size:41px}.ref-hero p{font-size:14px}.ref-hero-benefits{gap:15px;font-size:9px}.ref-benefits{gap:10px;margin-top:18px;margin-bottom:27px}.ref-benefits>div{gap:12px;padding:12px;min-height:77px}.ref-benefit-icon{width:46px;height:46px}.ref-benefits p{font-size:13px}.ref-benefits small{font-size:10px}.ref-heading h2{font-size:24px}.ref-heading p{font-size:11px}.ref-featured-grid{gap:10px}.product-name{font-size:12px;min-height:39px}.product-meta{padding:8px 10px 10px}.ref-add-button{font-size:10px}.ref-category-grid{gap:10px}.ref-category-card strong{font-size:12px}.ref-promo{gap:24px;padding-right:25px}.ref-promo-art{width:140px;height:125px}.ref-promo h2{font-size:25px}.ref-promo h2 em{font-size:22px}.ref-promo-quote{font-size:18px}.ref-contact-strip{gap:6px}.ref-contact-strip>div,.ref-contact-strip>a,.ref-contact-strip>button{gap:8px;padding-inline:8px}.ref-contact-strip span{font-size:10px}.ref-contact-strip small{font-size:9px}.ref-footer .footer-main{gap:15px}.ref-footer nav{font-size:10px;gap:11px}}
@media(max-width:950px){.shop-header .desktop-nav{gap:10px}.shop-header .desktop-nav>a:last-child{display:none}.ref-search{width:126px}.brand-logo{width:171px;height:57px}.shop-header{gap:15px}.ref-hero h1 span{font-size:37px}.ref-benefits>div{gap:9px}.ref-benefits p{font-size:11px}.ref-benefits small{font-size:9px}.ref-benefit-icon{width:39px;height:39px}.ref-benefit-icon .icon{width:23px;height:23px}.ref-promo-quote{display:none}.ref-promo .button{margin-left:auto}.ref-contact-strip{grid-template-columns:repeat(3,1fr);row-gap:18px}.ref-contact-strip>:nth-child(4){border-left:0;padding-left:0}}
@media(max-width:700px){.container{width:calc(100% - 32px)}.ref-topbar{height:30px;font-size:9px}.ref-topbar>.container{justify-content:center}.ref-topbar span+span,.ref-topbar a{display:none}.ref-topbar .icon{width:14px;height:14px}.shop-header{height:auto;min-height:78px;padding:7px 0 10px;display:grid;grid-template-columns:1fr auto;gap:6px 10px}.shop-header .brand-logo{width:185px;height:62px}.shop-header .header-actions{gap:12px}.shop-header .admin-link{display:flex;font-size:9px}.shop-header .admin-link>span{display:block}.shop-header .admin-link>.icon{width:17px;height:17px}.shop-header .desktop-nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;gap:9px;font-size:10px;padding-top:3px;border-top:1px solid #e9e3d8}.shop-header .desktop-nav a.active{padding:6px 10px}.shop-header .desktop-nav>a:last-child{display:block}.ref-search{display:none}.ref-hero{background-size:auto 100%;background-position:68% center}.ref-hero::before{background:linear-gradient(90deg,#150702e6,#160503a1 55%,#14080212)}.ref-hero-inner{height:350px;align-items:flex-start}.ref-hero-copy{max-width:100%;padding:27px 0 24px}.ref-kicker{font-size:8px;letter-spacing:2px}.ref-hero h1{font-size:40px;line-height:1.25;margin:19px 0 13px;letter-spacing:-1px}.ref-hero h1 span{font-size:32px}.ref-hero p{font-size:12px;line-height:1.8;margin-bottom:18px}.ref-hero-actions{gap:10px}.ref-hero-actions .button{font-size:11px;padding:9px 15px;min-height:41px}.ref-hero-benefits{gap:14px;margin-top:18px;font-size:8px}.ref-hero-benefits span:last-child{display:none}.ref-hero-benefits .icon{width:17px;height:17px}.ref-benefits{grid-template-columns:1fr 1fr;gap:8px;margin-top:13px;margin-bottom:22px}.ref-benefits>div{padding:10px;min-height:64px;border-radius:9px;gap:9px}.ref-benefit-icon{width:35px;height:35px}.ref-benefit-icon .icon{width:21px;height:21px}.ref-benefits p{font-size:10px}.ref-benefits small{font-size:8px}.ref-heading{gap:8px;margin-bottom:12px}.ref-heading>div{gap:8px}.ref-heading h2{font-size:21px}.ref-heading p{font-size:9px}.ref-heading-icon{font-size:27px}.ref-heading-icon>.icon{width:22px;height:22px}.ref-heading>button{font-size:9px;gap:4px}.ref-heading>button .icon{width:13px}.ref-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.ref-featured-grid>.product-card:last-child{display:none}.product-image{aspect-ratio:1.15}.product-meta{padding:7px 10px 10px}.product-name{font-size:12px;min-height:39px}.price-row{min-height:27px}.price-row strong{font-size:19px}.price-row del{font-size:9px}.stock-text{font-size:9px;margin-bottom:7px}.ref-add-button{min-height:34px;font-size:10px}.ref-add-button .icon{width:16px;height:16px}.favorite{opacity:1;width:23px;height:23px}.product-tag{font-size:8px;padding:3px 7px;top:8px;left:8px}.ref-featured{margin-bottom:24px}.ref-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ref-category-card{padding:3px 7px 8px}.ref-category-art{aspect-ratio:1.2}.ref-category-card strong{font-size:11px}.ref-category-card small{font-size:9px}.ref-category-section{margin-bottom:22px}.catalog .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.catalog{padding-top:7px}.categories button{height:37px;font-size:10px}.ref-promo{min-height:172px;padding:22px 18px;gap:12px;flex-wrap:wrap;background-position:65% center}.ref-promo-art{display:none}.ref-promo h2{font-size:23px}.ref-promo h2 em{font-size:20px}.ref-promo p{font-size:9px}.ref-promo .button{margin-left:0;min-height:36px;font-size:10px;padding:8px 13px}.ref-contact-strip{grid-template-columns:1fr 1fr;gap:17px 9px;padding:21px 0}.ref-contact-strip>:nth-child(odd){border-left:0;padding-left:0}.ref-contact-strip>:nth-child(4){border-left:1px solid #e7d9c5;padding-left:8px}.ref-contact-strip>:last-child{display:none}.ref-contact-strip span{font-size:10px}.ref-contact-strip small{font-size:8px}.ref-contact-strip .icon{width:21px;height:21px}.ref-footer .footer-main{display:flex;flex-wrap:wrap;gap:13px 17px;padding-block:16px}.ref-footer .brand-logo{width:160px;height:54px}.ref-footer .footer-main>div{order:0;width:auto;font-size:9px;flex:1}.ref-footer .footer-main>div small{font-size:7px}.ref-footer nav{width:100%;margin:0;justify-content:center;font-size:10px}.ref-footer .demo-note{font-size:8px;padding-inline:20px}}
.ref-category-art .product-photo{width:70%;height:auto;transform:none;margin-inline:auto}
.detail-art>.product-photo{position:static;inset:auto;margin:auto;width:100%;max-width:350px}
@media(max-width:700px){.detail-art>.product-photo{width:175px}}
.ref-promo-art{display:none}.ref-promo{padding:25px 42px;min-height:172px}.ref-promo>div:nth-child(2){min-width:32%}
@media(max-width:700px){.ref-category-art .product-photo{width:82%}.ref-promo{padding:22px 18px;gap:14px}.ref-promo>div:nth-child(2){min-width:0}}
@media(prefers-reduced-motion:reduce){.product-card{transform:none!important}}