:root {
--noir:       #130d09;
--noir-2:     #1c1208;
--noir-3:     #261a0d;
--or:         #b39673;
--or-clair:   #ead8b9;
--or-fonce:   #7a5f3e;
--or-mid:     #af936f;
--or-grad:    linear-gradient(135deg, #ead8b9 0%, #b39673 40%, #7a5f3e 75%, #af936f 100%);
--or-grad-h:  linear-gradient(90deg, #ead8b9 0%, #b39673 50%, #7a5f3e 100%);
--creme:      #f0e2cc;
--sepia:      #c8b49a;
--sepia-d:    #8a7260;
--f-display:  'Cormorant Garamond', 'Playfair Display', Georgia, serif;
--f-accent:   'Cinzel', 'Trajan Pro', Georgia, serif;
--f-body:     'Jost', 'Raleway', sans-serif;
--vmenu-w:    270px;
--header-h:   88px;
--header-sm:  60px;
--max-w:      1320px;
--gap:        clamp(1.5rem, 4vw, 3rem);
--ease:        cubic-bezier(.25,.46,.45,.94);
--ease-spring: cubic-bezier(.34,1.56,.64,1);
--dur:         .4s;
--dur-slow:    .8s;
--shadow:      0 8px 40px rgba(0,0,0,.55);
--shadow-or:   0 4px 24px rgba(179,150,115,.2);
--border-or:   rgba(179,150,115,.18);
--border-or-h: rgba(179,150,115,.45);
} *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{
font-family:var(--f-body);
background:var(--noir);
color:var(--sepia);
line-height:1.75;
font-weight:300;
overflow-x:hidden;
-webkit-font-smoothing:antialiased;
} body::after{
content:'';
position:fixed;inset:0;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='.025'/%3E%3C/svg%3E");
pointer-events:none;z-index:9998;
}
::selection{background:rgba(179,150,115,.3);color:var(--creme)}
img{max-width:100%;height:auto;display:block}
a{color:var(--or);text-decoration:none;transition:color var(--dur) var(--ease)}
a:hover{color:var(--or-clair)}
ul,ol{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--noir)}
::-webkit-scrollbar-thumb{background:var(--or-fonce);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--or)} h1,h2,h3,h4,h5,h6{
font-family:var(--f-display);
font-weight:300;color:var(--creme);
line-height:1.12;letter-spacing:.02em;
}
h1{font-size:clamp(2.5rem,6vw,5.5rem)}
h2{font-size:clamp(1.9rem,4vw,3.4rem)}
h3{font-size:clamp(1.4rem,2.5vw,2.1rem)}
h4{font-size:clamp(1.1rem,2vw,1.6rem)}
p{margin-bottom:1.15rem}
.eyebrow{
font-family:var(--f-accent);
font-size:.6rem;letter-spacing:.45em;
text-transform:uppercase;color:var(--or);
display:flex;align-items:center;gap:1rem;
}
.eyebrow::before,.eyebrow::after{
content:'';flex:0 0 32px;height:1px;
background:var(--or-grad-h);opacity:.6;
}
.eyebrow.no-line::before,.eyebrow.no-line::after{display:none}
.or-text{
background:var(--or-grad);
-webkit-background-clip:text;background-clip:text;
-webkit-text-fill-color:transparent;
} body.menu-is-vertical  #bs-main{margin-left:var(--vmenu-w)}
body.menu-is-horizontal #bs-main{padding-top:var(--header-h)}
@media(max-width:1024px){
body.menu-is-vertical #bs-main,
body.menu-is-horizontal #bs-main{margin-left:0;padding-top:var(--header-sm)}
}
.wrap{max-width:var(--max-w);margin:0 auto;padding:0 var(--gap)}
.section{padding:clamp(4rem,8vw,8rem) 0}
.section-sm{padding:clamp(2rem,4vw,4rem) 0} #bs-vmenu{
position:fixed;top:0;left:0;
width:var(--vmenu-w);height:100vh;
background:linear-gradient(180deg,var(--noir-3) 0%,var(--noir) 55%,rgba(19,13,9,.97) 100%);
border-right:1px solid var(--border-or);
display:flex;flex-direction:column;
z-index:800;overflow-y:auto;overflow-x:hidden;
transition:transform var(--dur) var(--ease);
}
.vmenu-logo{
padding:2.2rem 1.8rem 1.6rem;
border-bottom:1px solid var(--border-or);
text-align:center;
}
.vmenu-logo img{max-width:150px;margin:0 auto}
.vmenu-tagline{
font-family:var(--f-accent);font-size:.48rem;
letter-spacing:.32em;text-transform:uppercase;
color:var(--sepia-d);margin-top:.6rem;opacity:.6;
}
.vmenu-nav{flex:1;padding:1.4rem 0}
.vmenu-nav>ul>li{position:relative}
.vmenu-nav>ul>li>a{
display:flex;align-items:center;gap:.6rem;
padding:.75rem 1.8rem;
font-family:var(--f-accent);font-size:.58rem;
letter-spacing:.3em;text-transform:uppercase;
color:var(--sepia-d);
transition:all var(--dur) var(--ease);position:relative;
}
.vmenu-nav>ul>li>a::before{
content:'';position:absolute;left:0;top:50%;
transform:translateY(-50%) scaleY(0);
width:2px;height:55%;
background:var(--or-grad);
transition:transform var(--dur) var(--ease);
}
.vmenu-nav>ul>li>a:hover,
.vmenu-nav>ul>li.current-menu-item>a{
color:var(--or-clair);padding-left:2.3rem;
}
.vmenu-nav>ul>li>a:hover::before,
.vmenu-nav>ul>li.current-menu-item>a::before{
transform:translateY(-50%) scaleY(1);
}
.vmenu-nav .sub-menu{
display:none;background:rgba(0,0,0,.25);
border-left:1px solid var(--border-or);margin-left:1.6rem;
}
.vmenu-nav li:hover>.sub-menu{display:block}
.vmenu-nav .sub-menu a{
display:block;padding:.5rem 1.2rem;
font-family:var(--f-accent);font-size:.54rem;
letter-spacing:.2em;text-transform:uppercase;
color:var(--sepia-d);
transition:color var(--dur) var(--ease),padding-left var(--dur) var(--ease);
}
.vmenu-nav .sub-menu a:hover{color:var(--or);padding-left:1.6rem}
.vmenu-hr{height:1px;background:var(--border-or);margin:.6rem 1.8rem}
.vmenu-social{
padding:1rem 1.8rem 1.5rem;
border-top:1px solid var(--border-or);
display:flex;gap:.9rem;justify-content:center;
}
.vmenu-social a{
color:var(--sepia-d);font-size:.95rem;
transition:color var(--dur) var(--ease),transform var(--dur) var(--ease-spring);
}
.vmenu-social a:hover{color:var(--or);transform:translateY(-2px)}
.vmenu-evin{
padding:.6rem 1.2rem 1.2rem;
font-size:.48rem;color:var(--sepia-d);
text-align:center;line-height:1.6;opacity:.55;
} #bs-hmenu{
position:fixed;top:0;left:0;right:0;
height:var(--header-h);
background:rgba(19,13,9,.96);
backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
border-bottom:1px solid var(--border-or);
display:flex;align-items:center;justify-content:space-between;
padding:0 var(--gap);z-index:800;
transition:height var(--dur) var(--ease),background var(--dur) var(--ease);
}
body.scrolled #bs-hmenu{
height:var(--header-sm);
background:rgba(19,13,9,.99);
box-shadow:0 2px 30px rgba(0,0,0,.7);
}
.hmenu-logo img{height:46px;transition:height var(--dur) var(--ease)}
body.scrolled .hmenu-logo img{height:34px}
.hmenu-nav>ul{display:flex;align-items:center;gap:.2rem}
.hmenu-nav>ul>li{position:relative}
.hmenu-nav>ul>li>a{
padding:.5rem 1rem;
font-family:var(--f-accent);font-size:.57rem;
letter-spacing:.28em;text-transform:uppercase;
color:var(--sepia);
transition:color var(--dur) var(--ease);position:relative;
}
.hmenu-nav>ul>li>a::after{
content:'';position:absolute;
bottom:0;left:1rem;right:1rem;height:1px;
background:var(--or-grad-h);
transform:scaleX(0);transform-origin:right;
transition:transform var(--dur) var(--ease);
}
.hmenu-nav>ul>li>a:hover,
.hmenu-nav>ul>li.current-menu-item>a{color:var(--or-clair)}
.hmenu-nav>ul>li>a:hover::after,
.hmenu-nav>ul>li.current-menu-item>a::after{
transform:scaleX(1);transform-origin:left;
}
.hmenu-nav .sub-menu{
display:none;position:absolute;top:100%;left:0;
min-width:200px;
background:rgba(19,13,9,.98);
border:1px solid var(--border-or);
border-top:2px solid var(--or);
backdrop-filter:blur(14px);
animation:dropDown .25s var(--ease);
}
@keyframes dropDown{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.hmenu-nav li:hover>.sub-menu{display:block}
.hmenu-nav .sub-menu a{
display:block;padding:.65rem 1.2rem;
font-family:var(--f-accent);font-size:.54rem;
letter-spacing:.18em;text-transform:uppercase;
color:var(--sepia);
border-bottom:1px solid var(--border-or);
transition:all var(--dur) var(--ease);
}
.hmenu-nav .sub-menu a:hover{
color:var(--or);padding-left:1.6rem;
background:rgba(179,150,115,.05);
}
.hmenu-nav .sub-menu li:last-child a{border-bottom:none} #bs-burger{
display:none;flex-direction:column;gap:5px;
cursor:pointer;z-index:1200;padding:.5rem;
}
#bs-burger span{
display:block;width:22px;height:1px;
background:var(--creme);
transition:all .4s var(--ease);
}
#bs-burger.active span:nth-child(1){transform:rotate(45deg) translate(4.5px,4.5px)}
#bs-burger.active span:nth-child(2){opacity:0;transform:scaleX(0)}
#bs-burger.active span:nth-child(3){transform:rotate(-45deg) translate(4.5px,-4.5px)}
#bs-mobile-menu{
position:fixed;inset:0;z-index:1100;
background:rgba(19,13,9,.98);backdrop-filter:blur(20px);
display:flex;flex-direction:column;
align-items:center;justify-content:center;
transform:translateX(-100%);
transition:transform .5s var(--ease);
}
#bs-mobile-menu.open{transform:none}
.mobile-close{
position:absolute;top:1.5rem;right:1.5rem;
font-size:1.6rem;color:var(--sepia-d);cursor:pointer;
transition:color var(--dur) var(--ease),transform var(--dur) var(--ease-spring);
}
.mobile-close:hover{color:var(--or);transform:rotate(90deg)}
.mobile-logo{margin-bottom:2.5rem}
.mobile-logo img{height:56px;margin:0 auto}
.mobile-nav ul li a{
display:block;padding:.7rem 2rem;
font-family:var(--f-display);
font-size:clamp(1.5rem,4vw,2.2rem);
color:var(--sepia);font-weight:200;
transition:color var(--dur) var(--ease);
}
.mobile-nav ul li a:hover{color:var(--or-clair)} .bs-fullscreen{
position:relative;width:100%;min-height:100vh;
display:flex;align-items:center;justify-content:center;
overflow:hidden;
}
.bs-fs-bg{
position:absolute;inset:0;
background-size:cover;background-position:center;z-index:1;
} .kb-active .bs-fs-bg{
animation:kenBurns 22s ease-in-out infinite alternate;
}
@keyframes kenBurns{
0%  {transform:scale(1) translate(0,0)}
30% {transform:scale(1.04) translate(-1%,.5%)}
60% {transform:scale(1.07) translate(.8%,-1%)}
100%{transform:scale(1.03) translate(-.5%,.8%)}
}
.bs-fs-overlay{
position:absolute;inset:0;z-index:2;
background:linear-gradient(
135deg,
rgba(19,13,9,.88) 0%,
rgba(19,13,9,.52) 38%,
rgba(28,18,8,.62) 68%,
rgba(19,13,9,.92) 100%
);
} #bs-particles-canvas{
position:absolute;inset:0;z-index:3;pointer-events:none;
}
.bs-hero-content{
position:relative;z-index:5;
text-align:center;padding:var(--gap);max-width:920px;
}
.bs-hero-pre{
font-family:var(--f-accent);font-size:.58rem;
letter-spacing:.5em;text-transform:uppercase;
color:var(--or);margin-bottom:1.8rem;
}
.bs-hero-title{
font-family:var(--f-display);font-weight:200;
font-size:clamp(3.5rem,9vw,8rem);
color:var(--creme);line-height:.95;
letter-spacing:.04em;margin-bottom:1.6rem;
}
.bs-hero-title em{
display:block;font-style:normal;
background:var(--or-grad);
-webkit-background-clip:text;background-clip:text;
-webkit-text-fill-color:transparent;
}
.bs-hero-sub{
font-size:clamp(.8rem,1.5vw,1rem);
color:var(--sepia);letter-spacing:.14em;
text-transform:uppercase;font-weight:300;
margin-bottom:3rem;
}
.bs-hero-cta{
display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap;
} .bs-scroll-down{
position:absolute;bottom:2.2rem;left:50%;
transform:translateX(-50%);z-index:5;
display:flex;flex-direction:column;align-items:center;gap:.5rem;
font-family:var(--f-accent);font-size:.5rem;
letter-spacing:.32em;text-transform:uppercase;
color:var(--sepia-d);animation:scrollPulse 2.8s ease-in-out infinite;
}
@keyframes scrollPulse{
0%,100%{opacity:.4;transform:translateX(-50%) translateY(0)}
50%{opacity:1;transform:translateX(-50%) translateY(7px)}
}
.bs-scroll-line{width:1px;height:38px;background:linear-gradient(to bottom,var(--or),transparent)} .btn{
display:inline-flex;align-items:center;gap:.55rem;
padding:.9rem 2.5rem;
font-family:var(--f-accent);font-size:.58rem;
letter-spacing:.3em;text-transform:uppercase;
transition:all var(--dur) var(--ease);
position:relative;overflow:hidden;
}
.btn::before{
content:'';position:absolute;inset:0;
background:rgba(255,255,255,.07);
transform:scaleX(0);transform-origin:right;
transition:transform var(--dur) var(--ease);
}
.btn:hover::before{transform:scaleX(1);transform-origin:left}
.btn-gold{
background:var(--or-grad);color:var(--noir);font-weight:600;
}
.btn-gold:hover{
transform:translateY(-3px);box-shadow:var(--shadow-or);color:var(--noir);
}
.btn-outline{
border:1px solid var(--border-or-h);color:var(--or);
}
.btn-outline:hover{
border-color:var(--or);color:var(--or-clair);
transform:translateY(-3px);
}
.btn-ghost{
border:1px solid rgba(240,226,204,.2);color:var(--creme);
}
.btn-ghost:hover{
border-color:rgba(240,226,204,.45);transform:translateY(-3px);
} .s-head{text-align:center;margin-bottom:clamp(2.5rem,5vw,5rem)}
.s-title{
font-family:var(--f-display);font-weight:200;
font-size:clamp(1.9rem,4vw,3.6rem);
color:var(--creme);margin:.8rem 0;
}
.s-sub{
font-size:.88rem;color:var(--sepia);
max-width:540px;margin:.6rem auto 0;
font-weight:300;letter-spacing:.04em;
}
.ornament{
display:flex;align-items:center;justify-content:center;
gap:.9rem;margin:1.2rem 0;
}
.ornament::before,.ornament::after{
content:'';width:56px;height:1px;
background:linear-gradient(90deg,transparent,var(--or));
}
.ornament::after{background:linear-gradient(90deg,var(--or),transparent)}
.ornament-diamond{
width:7px;height:7px;background:var(--or);
transform:rotate(45deg);opacity:.7;
} .prod-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:1px;background:var(--border-or);
}
.prod-grid-4{grid-template-columns:repeat(4,1fr)}
.prod-card{
position:relative;overflow:hidden;
background:var(--noir-2);cursor:pointer;
}
.prod-card-img{
position:relative;overflow:hidden;aspect-ratio:3/4;
}
.prod-card-img img{
width:100%;height:100%;object-fit:cover;
transition:transform .7s var(--ease);
}
.prod-card:hover .prod-card-img img{transform:scale(1.07)}
.prod-card-overlay{
position:absolute;inset:0;
background:linear-gradient(to top,rgba(19,13,9,.96) 28%,transparent 65%);
display:flex;flex-direction:column;justify-content:flex-end;
padding:1.5rem;
}
.prod-famille{
font-family:var(--f-accent);font-size:.52rem;
letter-spacing:.35em;text-transform:uppercase;
color:var(--or);margin-bottom:.4rem;
}
.prod-name{
font-family:var(--f-display);font-size:1.5rem;
font-weight:300;color:var(--creme);line-height:1.15;
margin-bottom:.4rem;
}
.prod-specs{
display:flex;gap:.9rem;
font-family:var(--f-accent);font-size:.5rem;
letter-spacing:.18em;color:var(--sepia-d);
margin-bottom:.9rem;
}
.prod-actions{
display:flex;gap:.7rem;
opacity:0;transform:translateY(8px);
transition:all var(--dur) var(--ease);
}
.prod-card:hover .prod-actions{opacity:1;transform:none}
.badge-limited{
position:absolute;top:.9rem;right:.9rem;
background:var(--or-grad);color:var(--noir);
font-family:var(--f-accent);font-size:.47rem;
letter-spacing:.22em;text-transform:uppercase;
padding:.3rem .7rem;font-weight:700;z-index:2;
} .heritage-wrap{background:var(--noir-2);position:relative}
.heritage-wrap::before{
content:'';position:absolute;top:0;left:0;right:0;
height:1px;background:var(--or-grad-h);
}
.heritage-grid{
display:grid;grid-template-columns:1fr 1fr;
gap:4rem;align-items:center;
}
.heritage-img{position:relative}
.heritage-img::before{
content:'';position:absolute;
top:-1.5rem;left:-1.5rem;
bottom:1.5rem;right:1.5rem;
border:1px solid var(--border-or);z-index:0;
}
.heritage-img>img{
position:relative;z-index:1;
width:100%;aspect-ratio:4/5;object-fit:cover;
}
.heritage-badge{
position:absolute;bottom:-1.8rem;right:-1.8rem;
width:108px;height:108px;border-radius:50%;
background:var(--or-grad);z-index:2;
display:flex;flex-direction:column;
align-items:center;justify-content:center;gap:.15rem;
}
.heritage-badge-year{
font-family:var(--f-display);font-size:1.5rem;
font-weight:600;color:var(--noir);line-height:1;
}
.heritage-badge-label{
font-family:var(--f-accent);font-size:.38rem;
letter-spacing:.2em;text-transform:uppercase;color:var(--noir);
}
.heritage-stats{
display:grid;grid-template-columns:1fr 1fr;
gap:1.2rem;margin:2rem 0;
}
.stat-box{
padding:1.2rem 1rem;text-align:center;
border:1px solid var(--border-or);
background:rgba(179,150,115,.03);
}
.stat-num{
font-family:var(--f-display);font-size:2.4rem;
font-weight:300;color:var(--or);line-height:1;display:block;
}
.stat-lbl{
font-family:var(--f-accent);font-size:.52rem;
letter-spacing:.28em;text-transform:uppercase;
color:var(--sepia-d);margin-top:.3rem;
} .parallax-section{
position:relative;min-height:480px;
display:flex;align-items:center;overflow:hidden;
}
.parallax-bg{
position:absolute;inset:-20%;
background-size:cover;background-position:center;
background-attachment:fixed;z-index:0;
}
@media(max-width:768px){.parallax-bg{inset:0;background-attachment:scroll}}
.parallax-overlay{
position:absolute;inset:0;
background:rgba(19,13,9,.74);z-index:1;
}
.parallax-content{
position:relative;z-index:2;
text-align:center;width:100%;padding:var(--gap);
} .single-prod-layout{
display:grid;grid-template-columns:1fr 1.6fr;
gap:4rem;align-items:start;
}
.prod-bottle{position:sticky;top:2rem}
.prod-bottle-img{
max-width:360px;margin:0 auto;
}
.prod-bottle-img img{
width:100%;filter:drop-shadow(0 20px 60px rgba(0,0,0,.85));
}
.prod-gallery-thumbs{
display:flex;gap:.7rem;justify-content:center;margin-top:1.5rem;
}
.prod-thumb{
width:62px;height:62px;overflow:hidden;
border:1px solid var(--border-or);cursor:pointer;
transition:border-color var(--dur) var(--ease);
}
.prod-thumb:hover,.prod-thumb.active{border-color:var(--or)}
.prod-thumb img{width:100%;height:100%;object-fit:cover}
.specs-grid{
display:grid;grid-template-columns:repeat(3,1fr);
gap:1px;background:var(--border-or);
border:1px solid var(--border-or);margin:2rem 0;
}
.spec-item{
background:var(--noir-2);padding:1.1rem .9rem;text-align:center;
}
.spec-val{
font-family:var(--f-display);font-size:1.7rem;
font-weight:300;color:var(--or);display:block;
}
.spec-unit{
font-family:var(--f-accent);font-size:.5rem;
letter-spacing:.2em;text-transform:uppercase;color:var(--sepia-d);
}
.tasting-grid{
display:grid;grid-template-columns:repeat(3,1fr);
gap:.9rem;margin:1.8rem 0;
}
.tasting-card{
background:var(--noir-2);border:1px solid var(--border-or);
padding:1.4rem 1rem;text-align:center;
transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease);
}
.tasting-card:hover{border-color:var(--or);transform:translateY(-4px)}
.tasting-icon{font-size:1.6rem;margin-bottom:.7rem}
.tasting-type{
font-family:var(--f-accent);font-size:.54rem;
letter-spacing:.28em;text-transform:uppercase;
color:var(--or);margin-bottom:.4rem;
}
.tasting-notes{font-size:.82rem;color:var(--sepia);line-height:1.65} .lg-backdrop{background:rgba(10,7,4,.97)!important}
.lg-toolbar{background:linear-gradient(to bottom,rgba(19,13,9,.92),transparent)!important}
.lg-progress-bar .lg-progress{background:var(--or)!important}
.lg-next,.lg-prev{
border-color:var(--border-or)!important;
color:var(--or)!important;
background:rgba(19,13,9,.75)!important;
}
.lg-next:hover,.lg-prev:hover{
background:rgba(179,150,115,.18)!important;
border-color:var(--or)!important;
}
.lg-thumb-item.active{border-color:var(--or)!important} .blog-grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
gap:1px;background:var(--border-or);
}
.post-card{background:var(--noir);overflow:hidden}
.post-card-thumb{overflow:hidden;aspect-ratio:16/10}
.post-card-thumb img{
width:100%;height:100%;object-fit:cover;
transition:transform .7s var(--ease);
}
.post-card:hover .post-card-thumb img{transform:scale(1.06)}
.post-card-body{padding:1.7rem}
.post-cat{
font-family:var(--f-accent);font-size:.52rem;
letter-spacing:.32em;text-transform:uppercase;
color:var(--or);margin-bottom:.55rem;
}
.post-title{
font-family:var(--f-display);font-size:1.3rem;
font-weight:300;color:var(--creme);line-height:1.28;
margin-bottom:.7rem;
transition:color var(--dur) var(--ease);
}
.post-card:hover .post-title{color:var(--or-clair)}
.post-excerpt{font-size:.83rem;color:var(--sepia);line-height:1.7;margin-bottom:1.1rem}
.post-meta{
display:flex;gap:1rem;
font-family:var(--f-accent);font-size:.52rem;
letter-spacing:.14em;text-transform:uppercase;
color:var(--sepia-d);
padding-top:.9rem;border-top:1px solid var(--border-or);
} #bs-footer{
background:var(--noir);border-top:1px solid var(--border-or);
position:relative;
}
#bs-footer::before{
content:'';position:absolute;top:0;left:0;right:0;
height:2px;background:var(--or-grad-h);
}
.footer-nl{
background:var(--noir-2);padding:3rem var(--gap);
text-align:center;border-bottom:1px solid var(--border-or);
}
.footer-nl-title{
font-family:var(--f-display);
font-size:clamp(1.4rem,3vw,2rem);
color:var(--creme);margin-bottom:.4rem;font-weight:300;
}
.nl-form{
display:flex;max-width:430px;margin:1.5rem auto 0;
}
.nl-input{
flex:1;padding:.85rem 1.1rem;
background:var(--noir);border:1px solid var(--border-or);
border-right:none;color:var(--creme);
font-size:.83rem;outline:none;
transition:border-color var(--dur) var(--ease);
}
.nl-input:focus{border-color:var(--or)}
.nl-input::placeholder{color:var(--sepia-d)}
.nl-btn{
padding:.85rem 1.7rem;
background:var(--or-grad);color:var(--noir);
font-family:var(--f-accent);font-size:.57rem;
letter-spacing:.2em;text-transform:uppercase;
font-weight:700;border:none;cursor:pointer;
transition:opacity var(--dur) var(--ease);
}
.nl-btn:hover{opacity:.88}
.nl-legal{margin-top:.65rem;font-size:.6rem;color:var(--sepia-d);opacity:.65}
.nl-msg{min-height:1.1rem;font-size:.75rem;margin-top:.4rem}
.nl-msg.ok{color:var(--or)}
.nl-msg.err{color:#e05252}
.footer-cols{
display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;
gap:3rem;padding:4rem var(--gap) 3rem;
}
.fc-title{
font-family:var(--f-accent);font-size:.58rem;
letter-spacing:.32em;text-transform:uppercase;
color:var(--or);margin-bottom:1.4rem;
padding-bottom:.7rem;border-bottom:1px solid var(--border-or);
}
.fc-logo img{height:46px;opacity:.82;margin-bottom:1.2rem}
.fc-text{font-size:.78rem;color:var(--sepia-d);line-height:1.85}
.fc-nav li{margin-bottom:.45rem}
.fc-nav a{
font-size:.79rem;color:var(--sepia-d);
display:flex;align-items:center;gap:.4rem;
transition:color var(--dur) var(--ease),padding-left var(--dur) var(--ease);
}
.fc-nav a::before{
content:'—';color:var(--or);font-size:.55rem;
opacity:0;transition:opacity var(--dur) var(--ease);
}
.fc-nav a:hover{color:var(--or-clair);padding-left:.4rem}
.fc-nav a:hover::before{opacity:1}
.footer-social{display:flex;gap:.9rem;margin-top:1.1rem}
.footer-social a{
width:36px;height:36px;display:flex;
align-items:center;justify-content:center;
border:1px solid var(--border-or);color:var(--sepia-d);font-size:.88rem;
transition:all var(--dur) var(--ease);
}
.footer-social a:hover{
border-color:var(--or);color:var(--or);
background:rgba(179,150,115,.08);transform:translateY(-3px);
}
.footer-bottom{
border-top:1px solid var(--border-or);
padding:1.4rem var(--gap);
display:flex;justify-content:space-between;align-items:center;
flex-wrap:wrap;gap:.8rem;
}
.footer-copy{
font-family:var(--f-accent);font-size:.52rem;
letter-spacing:.18em;text-transform:uppercase;color:var(--sepia-d);
}
.footer-legal{display:flex;gap:1.4rem}
.footer-legal a{
font-family:var(--f-accent);font-size:.48rem;
letter-spacing:.14em;text-transform:uppercase;
color:var(--sepia-d);opacity:.6;
transition:opacity var(--dur) var(--ease),color var(--dur) var(--ease);
}
.footer-legal a:hover{opacity:1;color:var(--or)}
.footer-evin{
text-align:center;padding:.7rem var(--gap);
font-size:.57rem;color:var(--sepia-d);opacity:.6;
background:rgba(0,0,0,.25);border-top:1px solid var(--border-or);
} #bs-age-gate{
position:fixed;inset:0;z-index:9000;
background:var(--noir);
display:flex;align-items:center;justify-content:center;
padding:var(--gap);
}
.age-inner{text-align:center;max-width:460px}
.age-logo{margin-bottom:2.5rem}
.age-logo img{height:76px;margin:0 auto}
.age-title{
font-family:var(--f-display);
font-size:clamp(1.4rem,3vw,1.9rem);
color:var(--creme);margin-bottom:.7rem;font-weight:300;
}
.age-sub{font-size:.8rem;color:var(--sepia);margin-bottom:2.5rem;line-height:1.75}
.age-btns{display:flex;gap:.9rem;justify-content:center;margin-bottom:1.6rem;flex-wrap:wrap}
.age-legal{
font-size:.57rem;color:var(--sepia-d);line-height:1.65;opacity:.6;
border-top:1px solid var(--border-or);padding-top:1.1rem;
} .page-title-bar{
background:var(--noir-2);
padding:clamp(2rem,5vw,4rem) var(--gap) clamp(1.5rem,3vw,3rem);
border-bottom:1px solid var(--border-or);
position:relative;overflow:hidden;
}
.page-title-bar::after{
content:'';position:absolute;bottom:0;left:0;right:0;
height:2px;background:var(--or-grad-h);
}
.page-title-main{
font-family:var(--f-display);
font-size:clamp(1.8rem,4vw,3.8rem);
color:var(--creme);font-weight:200;
}
.breadcrumb{
display:flex;gap:.55rem;align-items:center;margin-top:.7rem;
font-family:var(--f-accent);font-size:.52rem;
letter-spacing:.2em;text-transform:uppercase;color:var(--sepia-d);
}
.breadcrumb a{color:var(--sepia-d);transition:color var(--dur) var(--ease)}
.breadcrumb a:hover{color:var(--or)}
.breadcrumb span.sep{color:var(--or);opacity:.4;font-size:.5rem} .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal-l{opacity:0;transform:translateX(-36px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal-l.in{opacity:1;transform:none}
.reveal-r{opacity:0;transform:translateX(36px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal-r.in{opacity:1;transform:none}
.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}
.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s} @media(hover:hover) and (pointer:fine){
body{cursor:none}
#bs-cursor{
position:fixed;width:7px;height:7px;
background:var(--or);border-radius:50%;
pointer-events:none;z-index:99999;
transform:translate(-50%,-50%);mix-blend-mode:screen;
transition:width .2s,height .2s;
}
#bs-cursor-ring{
position:fixed;width:34px;height:34px;
border:1px solid rgba(179,150,115,.45);border-radius:50%;
pointer-events:none;z-index:99998;
transform:translate(-50%,-50%);
transition:width .3s var(--ease),height .3s var(--ease),border-color .3s;
}
body.ch #bs-cursor{width:11px;height:11px}
body.ch #bs-cursor-ring{width:52px;height:52px;border-color:var(--or)}
a,button,.prod-card,.post-card,.btn{cursor:none}
} .woocommerce ul.products{
display:grid;grid-template-columns:repeat(3,1fr);gap:1px!important;
margin:0!important;background:var(--border-or);
}
.woocommerce ul.products li.product{
background:var(--noir-2);padding:0!important;margin:0!important;overflow:hidden;
}
.woocommerce ul.products li.product a img{
margin:0!important;width:100%;aspect-ratio:3/4;object-fit:cover;
transition:transform .7s var(--ease);
}
.woocommerce ul.products li.product:hover a img{transform:scale(1.05)}
.woocommerce ul.products li.product h2{
font-family:var(--f-display)!important;font-size:1.25rem!important;
font-weight:300!important;color:var(--creme)!important;
padding:1.1rem 1.1rem .3rem!important;
}
.woocommerce ul.products li.product .price{
color:var(--or)!important;font-family:var(--f-accent)!important;
font-size:.72rem!important;letter-spacing:.1em;
padding:0 1.1rem 1.1rem!important;
}
.woocommerce a.button,.woocommerce button.button{
background:transparent!important;border:1px solid var(--border-or)!important;
color:var(--or)!important;font-family:var(--f-accent)!important;
font-size:.55rem!important;letter-spacing:.22em!important;
text-transform:uppercase!important;padding:.55rem 1.3rem!important;
transition:all var(--dur) var(--ease)!important;
}
.woocommerce a.button:hover,.woocommerce button.button:hover{
background:rgba(179,150,115,.1)!important;
border-color:var(--or)!important;color:var(--or-clair)!important;
}
.woocommerce-message,.woocommerce-info{
background:var(--noir-2)!important;border-top-color:var(--or)!important;
color:var(--sepia)!important;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea{
background:var(--noir-2)!important;border:1px solid var(--border-or)!important;
color:var(--creme)!important;
}
.woocommerce form .form-row input.input-text:focus{border-color:var(--or)!important} .iso-filters{
display:flex;flex-wrap:wrap;gap:.4rem;
justify-content:center;margin-bottom:2.5rem;
}
.iso-btn{
font-family:var(--f-accent);font-size:.55rem;
letter-spacing:.24em;text-transform:uppercase;
padding:.45rem 1.3rem;
border:1px solid var(--border-or);color:var(--sepia-d);
background:transparent;cursor:pointer;
transition:all var(--dur) var(--ease);
}
.iso-btn:hover,.iso-btn.on{
border-color:var(--or);color:var(--or);
background:rgba(179,150,115,.08);
} @media(max-width:1200px){
.prod-grid{grid-template-columns:repeat(3,1fr)}
.footer-cols{grid-template-columns:1fr 1fr;gap:2rem}
.heritage-grid{gap:2.5rem}
}
@media(max-width:1024px){
#bs-vmenu{transform:translateX(-100%)}
#bs-vmenu.open{transform:none;box-shadow:8px 0 50px rgba(0,0,0,.75)}
#bs-burger{display:flex!important}
}
@media(max-width:768px){
.prod-grid,.prod-grid-4{grid-template-columns:repeat(2,1fr)}
.heritage-grid,.single-prod-layout{grid-template-columns:1fr}
.tasting-grid{grid-template-columns:1fr}
.footer-cols{grid-template-columns:1fr}
.footer-bottom{flex-direction:column;text-align:center}
.specs-grid{grid-template-columns:repeat(2,1fr)}
.woocommerce ul.products{grid-template-columns:1fr 1fr!important}
}
@media(max-width:480px){
.prod-grid,.prod-grid-4{grid-template-columns:1fr}
.bs-hero-cta{flex-direction:column;align-items:center}
.woocommerce ul.products{grid-template-columns:1fr!important}
.heritage-stats{grid-template-columns:1fr 1fr}
} .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.tc{text-align:center}
.mt1{margin-top:1rem}.mt2{margin-top:2rem}.mt3{margin-top:3rem}
.mb1{margin-bottom:1rem}.mb2{margin-bottom:2rem}.mb3{margin-bottom:3rem}
.flex{display:flex}.gap1{gap:1rem}.gap2{gap:2rem}
.ac{align-items:center}.jc{justify-content:center}@media(max-width:1024px){
.footer-cols{grid-template-columns:1fr 1fr;gap:2rem}
.heritage-grid{gap:2.5rem}
}
@media(max-width:768px){
.footer-cols{grid-template-columns:1fr;gap:1.8rem}
.footer-bottom{flex-direction:column;text-align:center}
}.wpec-product-item {
display: block;
border: 1px solid #E7E9EB;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
margin-top: 10px;
margin-bottom: 10px;
padding: 15px;
}
.wpec-product-item-thumbnail img {
width: 75px;
height: 75px;
float: left;
margin-right: 10px;
}
.wpec-product-name { }
.wpec-product-name .wpec-entry-title {
font-size: 24px;
font-weight: bold;
line-height: 75px;
margin: 0;
}
.wpec-product-description {
margin: 15px 0 15px 0;
border-bottom: 1px solid #EEEEEE;
}
.wpec-price-container {
font-weight: bold;
margin: 5px 0px;
} .wpec-post-item {
width: 90%;
}
.wpec-post-item-top {
display: block;
}
.wpec-post-thumbnail img {
width: 100%;
border: 1px solid #e8e4e3;
padding: 5px;
}
.wpec-post-title {
font-size: 26px;
font-weight: bold;
margin-bottom: 20px;
}
.wpec-error-message {
color: red;
font-weight: bold;
} .wp-ppec-spinner {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
.wp-ppec-spinner div {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
position: absolute;
width: 51px;
height: 51px;
margin: 6px;
border: 6px solid #005ea6;
border-radius: 50%;
-webkit-animation: wp-ppec-spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
animation: wp-ppec-spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #005ea6 transparent transparent transparent;
}
.wp-ppec-spinner div:nth-child(1) {
-webkit-animation-delay: -0.45s;
animation-delay: -0.45s;
}
.wp-ppec-spinner div:nth-child(2) {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.wp-ppec-spinner div:nth-child(3) {
-webkit-animation-delay: -0.15s;
animation-delay: -0.15s;
}
@-webkit-keyframes wp-ppec-spinner {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes wp-ppec-spinner {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.wp-ppec-overlay {
z-index: 10000;
display: none;
background-color: white;
width: 100%;
opacity: 0.7;
height: 100%;
position: absolute;
top: 0;
left: 0;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.wpec_billing_container, .wp-ppec-button-container {
display: grid;
gap: 24px;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.wp-ppec-form-error-msg {
display: none;
color: red;
}
.wpec_product_coupon_info > :not([hidden]) ~ :not([hidden]) {
margin-right: calc(16px * 0);
margin-left: calc(16px * calc(1 - 0));
}
.wpec_product_coupon_input_wrap > :not([hidden]) ~ :not([hidden]) {
margin-right: calc(16px * 0);
margin-left: calc(16px * calc(1 - 0));
}
.wpec_product_coupon_info, .wpec_product_coupon_input_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.wpec_coupon_apply_btn {
background-color: transparent;
border-color: rgba(37, 99, 235, 1);
border-radius: 6px;
border-style: solid;
border-width: 2px;
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 600;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 16px;
padding-right: 16px;
color: rgba(37, 99, 235, 1);
white-space: nowrap;
}
.wpec_coupon_apply_btn:hover {
color: rgba(37, 99, 235, 1);
}
.wpec_coupon_apply_btn:hover {
background-color: rgba(37, 99, 235, 50);
background-image: none;
border-color: transparent;
color: rgba(255, 255, 255, 1);
} .wpec_coupon_apply_btn svg {
display: none;
-webkit-animation: wpec-spinner 1s linear infinite;
animation: wpec-spinner 1s linear infinite;
height: 20px;
margin-right: 12px;
margin-left: -4px;
width: 20px;
}
.wpec_coupon_apply_btn svg circle {
opacity: 0.25;
}
.wpec_coupon_apply_btn svg path {
opacity: 0.75;
}
.wpec_coupon_code {
background-color: rgba(254, 243, 199, 1);
border-color: rgba(252, 211, 77, 1);
border-radius: 4px;
border-style: dashed;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 16px;
padding-right: 16px;
}
.wpec_line_through {
text-decoration: line-through;
}
.wpec-modal-open {
background-color: rgba(37, 99, 235, 1);
border-radius: 4px;
font-weight: 700;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 16px;
padding-right: 16px;
color: rgba(255, 255, 255, 1);
}
.wpec-modal-open:hover {
color: rgba(255, 255, 255, 1);
}
.wpec-modal-open:hover {
background-color: rgba(37, 99, 235, 1);
}
.wpec-place-order-btn {
background-color: rgba(37, 99, 235, 1);
border-radius: 4px;
font-weight: 700;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 16px;
padding-right: 16px;
color: rgba(255, 255, 255, 1);
}
.wpec-place-order-btn:hover {
color: rgba(255, 255, 255, 1);
}
.wpec-place-order-btn:hover {
background-color: rgba(37, 99, 235, 1);
}
.wpec-place-order-btn svg {
display: none;
-webkit-animation: wpec-spinner 1s linear infinite;
animation: wpec-spinner 1s linear infinite;
height: 20px;
margin-right: 12px;
margin-left: -4px;
width: 20px;
}
.wpec-place-order-btn svg circle {
opacity: 0.25;
}
.wpec-modal-open:hover {
background-color: rgba(29, 78, 216, 1);
background-image: none;
color: rgba(255, 255, 255, 1);
} .wpec-place-order-btn:hover {
background-color: rgba(29, 78, 216, 1);
background-image: none;
color: rgba(255, 255, 255, 1);
} .wpec-modal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
height: 100%;
max-width: none;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
z-index: 999999;
}
.wpec-modal-overlay {
background-color: rgba(17, 24, 39, 1);
height: 100%;
opacity: 0.5;
position: absolute;
width: 100%;
}
.wpec-modal-container {
background-color: rgba(255, 255, 255, 1);
border-radius: 4px;
margin-left: auto;
margin-right: auto;
max-height: 100%;
overflow-y: auto;
-webkit-box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
width: 91.666667%;
z-index: 50;
}
@media (min-width: 768px) {
.wpec-modal-container {
max-width: 672px;
}
}
.wpec-modal-content {
padding-top: 16px;
padding-bottom: 16px;
padding-left: 24px;
padding-right: 24px;
text-align: left;
}
.wpec-modal-content-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 12px;
}
.wpec-modal-content-title p {
font-weight: 700;
font-size: 24px;
line-height: 32px;
}
.wpec-modal-close {
cursor: pointer;
z-index: 50;
}
.wpec-modal-close svg {
fill: currentColor;
color: rgba(0, 0, 0, 1);
}
.wpec-modal-item-info-wrap > :not([hidden]) ~ :not([hidden]) {
margin-right: calc(16px * 0);
margin-left: calc(16px * calc(1 - 0));
}
.wpec-modal-item-info-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 16px;
line-height: 24px;
padding-bottom: 12px;
}
.wpec-modal-item-thumbnail {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.wpec-modal-item-thumbnail img {
border-radius: 6px;
object-fit: cover;
}
.wpec-modal-item-excerpt {
display: none;
}
@media (min-width: 768px) {
.wpec-modal-item-excerpt {
display: block;
}
}
.wpec-opacity-0 {
opacity: 0;
}
.wpec-pointer-events-none {
pointer-events: none;
}
.wpec-pointer-events-all{
pointer-events: all !important;
}
.wpec-product-variations-wrapper {
display: grid;
gap: 24px;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 640px) {
.wpec-product-variations-wrapper {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 640px) {
.wpec-product-variations-wrapper label, .wpec-product-variations-wrapper > div:last-child:nth-child(odd) {
grid-column: span 2 / span 2;
}
}
.wp-ppec-shortcode-container label.wpec_billing_label, .wp-ppec-shortcode-container label.wpec_shipping_label {
font-size: 18px;
line-height: 28px;
}
.wp-ppec-shortcode-container {
display: grid;
font-size: 16px;
line-height: 24px;
gap: 24px;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.wp-ppec-shortcode-container [type='text'],
.wp-ppec-shortcode-container [type='email'],
.wp-ppec-shortcode-container [type='url'],
.wp-ppec-shortcode-container [type='number'],
.wp-ppec-shortcode-container [type='tel'],
.wp-ppec-shortcode-container [multiple],
.wp-ppec-shortcode-container textarea,
.wp-ppec-shortcode-container select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border-color: #6b7280;
border-width: 1px;
border-radius: 0px;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
font-size: 16px;
line-height: 24px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wp-ppec-shortcode-container input::-moz-placeholder, .wp-ppec-shortcode-container textarea::-moz-placeholder {
color: #6b7280;
opacity: 1;
}
.wp-ppec-shortcode-container input:-ms-input-placeholder, .wp-ppec-shortcode-container textarea:-ms-input-placeholder {
color: #6b7280;
opacity: 1;
}
.wp-ppec-shortcode-container input::-webkit-input-placeholder, .wp-ppec-shortcode-container textarea::-webkit-input-placeholder {
color: #6b7280;
opacity: 1;
}
.wp-ppec-shortcode-container input::-ms-input-placeholder, .wp-ppec-shortcode-container textarea::-ms-input-placeholder {
color: #6b7280;
opacity: 1;
}
.wp-ppec-shortcode-container input::placeholder, .wp-ppec-shortcode-container textarea::placeholder {
color: #6b7280;
opacity: 1;
}
.wp-ppec-shortcode-container ::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
.wp-ppec-shortcode-container ::-webkit-date-and-time-value {
min-height: 1.5em;
}
.wp-ppec-shortcode-container select {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
background-position: right 8px center;
background-repeat: no-repeat;
background-size: 1.5em 1.5em;
padding-right: 40px;
-webkit-print-color-adjust: exact;
color-adjust: exact;
}
.wp-ppec-shortcode-container [multiple] {
background-image: initial;
background-position: initial;
background-repeat: unset;
background-size: initial;
padding-right: 12px;
-webkit-print-color-adjust: unset;
color-adjust: unset;
}
.wp-ppec-shortcode-container [type='checkbox'],
.wp-ppec-shortcode-container [type='radio'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
-webkit-print-color-adjust: exact;
color-adjust: exact;
display: inline-block;
vertical-align: middle;
background-origin: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 16px;
width: 16px;
color: #2563eb;
background-color: #fff;
border-color: #6b7280;
border-width: 1px;
}
.wp-ppec-shortcode-container [type='checkbox'] {
border-radius: 0px;
}
.wp-ppec-shortcode-container [type='radio'] {
border-radius: 100%;
}
.wp-ppec-shortcode-container [type='checkbox']:checked,
.wp-ppec-shortcode-container [type='radio']:checked {
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
.wp-ppec-shortcode-container [type='checkbox']:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
.wp-ppec-shortcode-container [type='radio']:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}
.wp-ppec-shortcode-container [type='checkbox']:checked:hover,
.wp-ppec-shortcode-container [type='checkbox']:checked:focus,
.wp-ppec-shortcode-container [type='radio']:checked:hover,
.wp-ppec-shortcode-container [type='radio']:checked:focus {
border-color: transparent;
background-color: currentColor;
}
.wp-ppec-shortcode-container [type='checkbox']:indeterminate {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
.wp-ppec-shortcode-container [type='checkbox']:indeterminate:hover,
.wp-ppec-shortcode-container [type='checkbox']:indeterminate:focus {
border-color: transparent;
background-color: currentColor;
}
.wp-ppec-shortcode-container [type='file'] {
background: unset;
border-color: inherit;
border-width: 0;
border-radius: 0;
padding: 0;
font-size: unset;
line-height: inherit;
}
.wp-ppec-shortcode-container [type='file']:focus {
outline: 1px auto -webkit-focus-ring-color;
}
.wp-ppec-shortcode-container label {
display: block;
font-size: 16px;
line-height: 24px;
}
.wp-ppec-shortcode-container select, .wp-ppec-shortcode-container input[type='text'], .wp-ppec-shortcode-container input[type='email'], .wp-ppec-shortcode-container input[type='number'], .wp-ppec-shortcode-container input[type='url'], .wp-ppec-shortcode-container input[type='tel'] {
border-radius: 6px;
border-style: solid;
display: block;
margin-top: 4px;
width: 100%;
}
.wp-ppec-shortcode-container input[type='radio'],
.wp-ppec-shortcode-container input[type='checkbox'] {
border-style: solid;
}
.wp-ppec-shortcode-container input[type='radio'] {
color: rgba(37, 99, 235, 1);
}
.wp-ppec-shortcode-container input[type='checkbox'] {
color: rgba(37, 99, 235, 1);
}
.wp-ppec-shortcode-container input[type='radio']:before, .wp-ppec-shortcode-container input[type='radio']:after,
.wp-ppec-shortcode-container input[type='checkbox']:before,
.wp-ppec-shortcode-container input[type='checkbox']:after {
display: none;
}
.wp-ppec-shortcode-container input[type='checkbox'] {
border-radius: 4px;
} @-webkit-keyframes wpec-spinner {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes wpec-spinner {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.wpec-custom-number-input {
background-color: transparent;
border-radius: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
height: 40px;
margin-top: 4px;
position: relative;
width: 144px;
}
.wpec-custom-number-input button {
background-color: rgba(255, 255, 255, 1);
border-color: rgba(107, 114, 128, 1);
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-style: solid;
border-width: 1px;
cursor: pointer;
height: 100%;
outline: 2px solid transparent;
outline-offset: 2px;
padding: 8px;
}
.wpec-custom-number-input button:hover {
background-color: rgba(255, 255, 255, 1);
}
.wpec-custom-number-input button:hover {
background-color: rgba(255, 255, 255, 1);
background-image: none;
} .wpec-custom-number-input button:first-of-type {
border-radius: 6px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-right-width: 0px;
}
.wpec-custom-number-input button:last-of-type {
border-radius: 6px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-left-width: 0px;
}
.wpec-custom-number-input button:focus {
outline: none !important;
}
.wpec-custom-number-input button span {
font-weight: 100;
font-size: 24px;
line-height: 32px;
line-height: 24px;
margin: auto;
}
.wpec-custom-number-input input[type='number'] {
border-radius: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0px;
outline: 2px solid transparent;
outline-offset: 2px;
outline: 2px solid transparent;
outline-offset: 2px;
}
.wpec-custom-number-input input[type='number']:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.wpec-custom-number-input input[type='number'] {
text-align: center;
width: 100%;
-moz-appearance: textfield;
}
.wpec-custom-number-input input[type='number']::-webkit-inner-spin-button, .wpec-custom-number-input input[type='number']::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.wpec-custom-number-input input[type='number']:focus {
outline: none !important;
}
.wpec-custom-number-input .wp-ppec-form-error-msg {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.wpec_address_wrap {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.wpec_product_shipping_handle{
margin-bottom: 22px;
}
.wpec_address_wrap.shipping_enabled {
gap: 24px;
}
.wpec_billing_address_container,
.wpec_shipping_address_container,
.wpec_billing_user_info {
display: grid;
gap: 24px;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 640px) {
.wpec_billing_user_info,
.wpec_billing_address_container,
.wpec_shipping_address_container
{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.wpec_billing_user_info > div:last-child:nth-of-type(odd),
.wpec_billing_address_container > div:last-child:nth-of-type(odd),
.wpec_shipping_address_container > div:last-child:nth-of-type(odd)
{
grid-column: span 2 / span 2;
}
.wpec_billing_user_info label,
.wpec_address_wrap .wpec_billing_address_container label,
.wpec_address_wrap .wpec_shipping_address_container label
{
grid-column: span 2 / span 2;
}
.wpec_address_wrap.shipping_enabled {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.wpec_address_wrap.shipping_enabled .wpec_billing_address_container,
.wpec_address_wrap.shipping_enabled .wpec_shipping_address_container {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.wpec_address_wrap.shipping_enabled .wpec_billing_address_container label,
.wpec_address_wrap.shipping_enabled .wpec_shipping_address_container label {
grid-column: span 1 / span 1;
}
.wpec_address_wrap.shipping_enabled .wpec_billing_user_info > div:last-child:nth-of-type(odd),
.wpec_address_wrap.shipping_enabled .wpec_billing_address_container > div:last-child:nth-of-type(odd),
.wpec_address_wrap.shipping_enabled .wpec_shipping_address_container > div:last-child:nth-of-type(odd)
{
grid-column: span 1 / span 1;
}
.wpec_address_wrap.shipping_enabled .wpec_product_shipping_handle {
grid-column: span 2 / span 2;
margin-bottom: 0;
}
}
.wpec-out-of-stock {
font-weight: 700;
} .wpec-product-item-template-1 .wpec-product-item-thumbnail{
width: 75px;
height: 75px;
float: left;
margin-right: 10px;
}
.wpec-product-item-template-1 .wpec-product-item-thumbnail img{
width:75px;
height: 75px;
object-fit: cover;
}
@media (max-width:768px)
{
.wpec-product-item-template-1 .wpec-entry-title{
line-height: 40px;
}
} .wpec-product-item-thumbnail-3 {
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}
.wpec-post-title-template-3 {
font-size: 16px;
margin-bottom: 0px;
}
.wpec-product-item-template-3 {
width: 250px !important;
border: 1px solid #E7E9EB;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
margin-top: 10px;
margin-bottom: 10px;
padding: 15px;
text-align: center;
}
.wpec-product-inner-cont-template-3 {
}
.wpec-product-inner-cont-template-3 .wpec-modal-open {
background-color: #f0f0f0;
border: 3px solid #2D3140;
border-radius: 4px;
font-weight: 700;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 16px;
padding-right: 16px;
color: #000;
}
.wpec-product-inner-cont-template-3 .wpec-modal-open:hover {
background-color: #2D3140;
color: #ffffff;
cursor: pointer;
} .wpec-order-data-box {
display: flex;
border-style: solid;
border-color: lightgrey;
border-width: 1px 0 0 1px;
width: 100%;
}
.wpec-order-data-box-col {
border-style: solid;
border-color: lightgrey;
border-width: 0 1px 1px 0;
word-break: break-all;
flex-grow: 1;
padding: 15px;
}
.wpec-order-data-box-col :first-child {
font-weight: bold;
margin-bottom: 10px;
margin-right: 10px;
}
@media screen and (max-width: 768px) {
.wpec-order-data-box {
flex-direction: column;
}
}
.wpec-order-details-table,
.wpec-order-downloads-table {
width: 100%;
border-collapse: collapse;
border: 1px solid lightgray;
}
.wpec-order-details-table td,
.wpec-order-details-table th,
.wpec-order-downloads-table td,
.wpec-order-downloads-table th {
padding: 15px;
border-top: 1px solid lightgray;
border-bottom: 1px solid lightgray;
}
.wpec-order-shipping-address,
.wpec-order-billing-address {
padding: 15px;
border: 1px solid lightgray;
white-space: pre-line;
}.wpec-button-style-input{
min-width: 150px;
}
#wp-ppdg-preview-container {
margin-top: 10px;
}
.wpec-stripe-btn {
min-width: 150px;
border-radius: 4px;
border: none;
outline: none;
overflow: hidden;
font-weight: bold;
transition: 200ms; }
.wpec-stripe-btn:hover{
cursor: pointer;
}
.wpec-stripe-btn:disabled{ background-color: lightgrey;
}
.wpec-stripe-btn-pill {
border-radius: 50px;
}
.wpec-stripe-btn-color-purple {
background-color: #635bff;
color: white;
}
.wpec-stripe-btn-color-gold {
background-color: #FFC439;
color: dimgray;
}
.wpec-stripe-btn-color-blue {
background-color: #0070BA;
color: white;
}
.wpec-stripe-btn-color-silver {
background-color: #EEEEEE;
color: dimgray;
}
.wpec-stripe-btn-color-white {
background-color: white;
color: dimgray;
border: 1px solid #2C2E2F;
}
.wpec-stripe-btn-color-black {
background-color: #2C2E2F;
color: white;
}
.wpec-stripe-btn-height-small {
height: 25px;
font-size: 0.9rem;
}
.wpec-stripe-btn-height-medium {
height: 35px;
font-size: 1rem;
}
.wpec-stripe-btn-height-large {
height: 45px;
font-size: 1.2rem;
}
.wpec-stripe-btn-height-xlarge {
height: 55px;
font-size: 1.3rem;
}