.customer-review{display:flex;flex-direction:column;padding:clamp(16px,calc(14px + .71vw),24px);background-color:var(--color-surface);border:1px solid var(--color-border)}.review-rating{color:var(--color-cafe);font-size:var(--fs-subtitle);margin-bottom:12px}.review-text{font-size:var(--fs-body);line-height:1.6;margin-bottom:16px;flex-grow:1}.review-author{font-weight:var(--weight-under-Title);font-size:var(--fs-body)}.bc-breadcrumb{display:flex;align-items:center;gap:8px;padding:16px 0;font-size:var(--fs-body);color:var(--color-footer);flex-wrap:wrap}.bc-link{color:var(--color-footer);transition:color .2s}.bc-link:hover{color:var(--color-text)}.bc-separator{color:var(--color-footer)}.bc-current{color:var(--color-text);font-weight:var(--weight-under-Title)}.pd-container{max-width:1200px;margin:0 auto;padding:clamp(24px,calc(17px + 2.14vw),48px) clamp(16px,calc(-8px + 7.5vw),100px);display:flex;flex-direction:column;gap:clamp(32px,calc(23px + 2.86vw),64px)}.pd-back-btn{font-weight:var(--weight-btn)}.pd-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,calc(14px + 3.13vw),60px);align-items:start}.pd-gallery{display:flex;flex-direction:column;gap:12px}.pd-main-image{width:100%;aspect-ratio:1 / 1;object-fit:cover;border:2px solid var(--color-border)}.pd-info{display:flex;flex-direction:column;gap:clamp(12px,calc(9px + .94vw),20px);background-color:var(--color-surface);padding:clamp(16px,calc(11px + 1.43vw),32px)}.pd-title{font-size:var(--fs-section-title);font-weight:var(--weight-title);text-transform:uppercase;line-height:1.2}.pd-origin{font-size:var(--fs-body);color:var(--color-footer);text-transform:uppercase;letter-spacing:.5px}.pd-rating-row{display:flex;align-items:center;gap:8px}.pd-stars{display:flex;gap:2px}.pd-stars img{width:16px;height:16px}.pd-rating-count{font-size:var(--fs-small);color:var(--color-footer)}.pd-price-row{display:flex;align-items:baseline;gap:6px}.pd-price{font-size:clamp(1.25rem,1.13rem + .56vw,1.625rem);font-weight:var(--weight-title)}.pd-price-old{font-size:var(--fs-body);color:var(--color-footer);text-decoration:line-through}.pd-unit{font-size:var(--fs-body);color:var(--color-footer)}.pd-description-block{display:flex;flex-direction:column;gap:6px}.pd-description-label{font-size:var(--fs-subtitle);font-weight:var(--weight-under-Title);text-transform:uppercase}.pd-description-text{font-size:var(--fs-body);line-height:1.7;color:var(--color-text)}.pd-stock{font-size:var(--fs-small);color:var(--color-footer)}.pd-stock.pd-stock--low{color:var(--color-error);font-weight:var(--weight-under-Title)}.pd-purchase-box{border:1px solid var(--color-border);padding:24px;display:flex;flex-direction:column;gap:20px}.pd-quantity-row{display:flex;align-items:center;gap:12px}.pd-quantity-label{font-size:var(--fs-subtitle);font-weight:var(--weight-under-Title);text-transform:uppercase}.pd-qty-control{display:flex;align-items:center;gap:0}.pd-qty-btn{width:36px;height:36px;border:2px solid var(--color-text)}.pd-qty-btn:hover{background-color:rgba(var(--color-text-rgb),.05)}[data-theme=dark] .pd-qty-btn{color:#fff}.pd-weight-select{padding:8px 12px;font-family:Jost,sans-serif;font-size:var(--fs-body);font-weight:var(--weight-under-Title);color:var(--color-text);background:var(--color-bg-light);border:2px solid var(--color-text);cursor:pointer}.pd-qty-value{width:48px;height:36px;display:flex;align-items:center;justify-content:center;border-top:2px solid var(--color-text);border-bottom:2px solid var(--color-text);font-size:var(--fs-body);font-weight:var(--weight-under-Title)}.pd-total-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.pd-total-label{font-size:var(--fs-subtitle);font-weight:var(--weight-under-Title);text-transform:uppercase}.pd-total-price{font-size:clamp(1.13rem,1rem + .56vw,1.5rem);font-weight:var(--weight-title)}.pd-add-to-cart{width:100%;padding:8px;text-transform:uppercase}.pd-suggested-section{display:flex;flex-direction:column;gap:clamp(16px,calc(11px + 1.43vw),32px)}.pd-suggested-title{font-size:var(--fs-section-title);font-weight:var(--weight-title);text-transform:uppercase}.pd-suggested-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,calc(11px + 1.43vw),32px)}.pd-sg-card{display:flex;flex-direction:column;border:2px solid var(--color-border);transition:transform .2s,box-shadow .2s}.pd-sg-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.pd-sg-image-wrap{position:relative;overflow:hidden}.pd-sg-image-wrap img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.pd-sg-badge{position:absolute;top:10px;left:10px;color:#fff;font-size:var(--fs-badge);font-weight:var(--weight-btn);padding:4px 8px;text-transform:uppercase}.pd-sg-badge.badge-nouveaute{left:auto;right:10px}.pd-sg-body{padding:12px;display:flex;flex-direction:column;gap:4px}.pd-sg-body h4{font-size:var(--fs-subtitle);font-weight:var(--weight-under-Title);line-height:1.3}.pd-sg-body .pd-sg-origin{font-size:var(--fs-small);color:var(--color-footer)}.pd-sg-price-row{display:flex;align-items:baseline;gap:6px;margin-top:4px}.pd-sg-body .pd-sg-price{font-size:var(--fs-subtitle);font-weight:var(--weight-title)}.pd-sg-price-old{font-size:var(--fs-small);color:var(--color-footer);text-decoration:line-through}.pd-skeleton{max-width:1200px;margin:0 auto;padding:clamp(24px,calc(17px + 2.14vw),48px) clamp(16px,calc(-8px + 7.5vw),100px);display:flex;flex-direction:column;gap:clamp(24px,calc(14px + 3.13vw),48px)}.pd-skeleton-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,calc(14px + 3.13vw),60px);align-items:start}.pd-skeleton-info{display:flex;flex-direction:column;gap:16px}.pd-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:50vh;text-align:center}.pd-error h3{font-size:var(--fs-section-title)}.pd-error p{font-size:var(--fs-body);color:var(--color-footer)}.pd-error-link{padding:10px 24px;text-transform:uppercase}@media(max-width:768px){.pd-section,.pd-skeleton-grid,.pd-suggested-grid{grid-template-columns:1fr}}[data-theme=dark] .pd-weight-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23E8E0D8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:var(--color-surface)}.header:before{content:"";display:block;height:clamp(6px,calc(5px + .38vw),10px);background-color:var(--color-text)}.navbar{height:clamp(70px,calc(63px + 1.88vw),90px)}.nav-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;height:100%;margin:0 auto;padding:0 clamp(16px,calc(9px + 2.14vw),40px)}.nav-logo img{height:clamp(56px,calc(48px + 2.25vw),80px);width:clamp(56px,calc(48px + 2.25vw),80px)}.nav-links{display:flex;gap:clamp(20px,calc(14px + 1.79vw),40px)}.nav-links li a{font-size:var(--fs-nav-link);text-transform:uppercase;font-weight:var(--weight-under-Title);position:relative;padding-bottom:4px;transition:transform .2s ease,text-shadow .2s ease}.nav-links li a:hover{transform:scale(1.05);text-shadow:0 0 .5px currentColor}.nav-links li a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:var(--color-text);transition:width .3s ease,left .3s ease}.nav-links li a:hover:after,.nav-links li a.active:after{width:100%;left:0}.nav-links li a.active{text-shadow:0 0 .5px currentColor}.nav-actions{display:flex;align-items:center;gap:clamp(12px,calc(9px + 1.07vw),24px)}.nav-action-btn{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:8px;transition:opacity .2s ease}.nav-action-btn:hover{opacity:.6}.nav-action-btn img{width:clamp(20px,calc(19px + .38vw),24px);height:clamp(20px,calc(19px + .38vw),24px);opacity:.6;filter:var(--icon-filter)}.nav-action-active img{opacity:1}.nav-login span{font-size:var(--fs-login-text);font-weight:var(--weight-under-line);white-space:nowrap;opacity:.6;transition:transform .2s ease,opacity .2s ease}.nav-login:hover span{transform:scale(1.03);opacity:1}.nav-user{font-size:var(--fs-subtitle);font-weight:var(--weight-under-Title);white-space:nowrap}.nav-logout{padding:6px 16px;font-size:var(--fs-small)}.nav-cart{position:relative}.cart-badge{position:absolute;top:0;right:0;background-color:var(--color-cafe);color:var(--color-bg-light);font-size:var(--fs-badge);font-weight:var(--weight-title);width:clamp(16px,calc(15px + .19vw),18px);height:clamp(16px,calc(15px + .19vw),18px);border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none}.nav-auth-desktop{display:contents}.nav-burger,.nav-mobile-auth{display:none}@media screen and (max-width:768px){.nav-container{padding:0 20px}.nav-links{display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:24px 20px;gap:0;box-shadow:var(--shadow-dropdown)}.nav-links-open{display:flex}.nav-links li a{display:block;padding:14px 0;font-size:var(--fs-nav-link);border-bottom:1px solid rgba(var(--color-text-rgb),.06)}.nav-links li a:hover{transform:translate(6px)}.nav-links li:last-child a{border-bottom:none}.nav-links li a:after{display:none}.nav-links li a.active{text-shadow:0 0 .5px currentColor;font-weight:var(--weight-btn)}.nav-mobile-auth{display:flex;align-items:center;gap:12px;padding-top:20px;margin-top:8px;border-top:1px solid rgba(var(--color-text-rgb),.1)}.nav-mobile-login{font-size:var(--fs-nav-link);font-weight:var(--weight-under-Title);text-transform:uppercase}.nav-auth-desktop{display:none}.nav-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px;width:36px;height:36px}.nav-burger span{display:block;width:100%;height:2px;background-color:var(--color-text);transition:transform .3s ease,opacity .3s ease;transform-origin:center}.nav-burger-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-burger-open span:nth-child(2){opacity:0}.nav-burger-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}[data-theme=dark] .cart-badge{color:#fff}.footer{background:var(--color-footer-bg);min-height:clamp(400px,calc(308px + 23.29vw),643px);width:100%;color:var(--color-footer-text);display:flex;flex-direction:column}.footer-brand{display:flex;align-items:center;justify-content:center;height:clamp(100px,calc(70px + 8vw),180px);font-size:var(--fs-section-title);text-transform:uppercase;font-weight:var(--weight-home);color:var(--color-footer-text)}.footer-content{display:grid;grid-template-columns:1fr 1fr 1fr;max-width:1200px;margin:0 auto;width:100%;padding:0 clamp(16px,calc(-8px + 7.5vw),100px)}.footer-container{display:flex;flex-direction:column;text-align:left}.footer-container:first-child{justify-self:start}.footer-container:nth-child(2){justify-self:center}.footer-container:last-child{justify-self:end}.title-footer{text-transform:uppercase;font-weight:var(--weight-under-Title);font-size:var(--fs-footer-title);margin-bottom:20px}.footer-list{display:flex;flex-direction:column;gap:10px}.footer-item{font-size:var(--fs-small);font-weight:var(--weight-under-line);text-transform:none;color:var(--color-footer)}.footer-link{font-size:var(--fs-small);font-weight:var(--weight-under-line);text-transform:none;color:var(--color-footer);transition:opacity .2s}.footer-link:hover{opacity:.7}.copyright{margin-top:10px;opacity:.7;color:#ffffffb3}address.footer-container{font-style:normal}.footer-social{display:flex;gap:16px;margin-top:16px}.footer-social a{color:var(--color-footer);transition:color .2s,transform .2s;display:flex;align-items:center}.footer-social a:hover{color:var(--color-footer-text);transform:scale(1.15)}.footer-theme-toggle{align-self:center;margin-top:24px;width:40px;height:40px;border-radius:50%;border:1px solid var(--color-footer);background:none;color:var(--color-footer);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s,border-color .2s}.footer-theme-toggle:hover{color:var(--color-footer-text);border-color:var(--color-footer-text)}@media(max-width:768px){.footer-content{grid-template-columns:1fr;padding:0 clamp(16px,calc(9px + 2.14vw),40px);gap:clamp(20px,calc(14px + 1.79vw),40px)}.footer-container:first-child,.footer-container:nth-child(2),.footer-container:last-child{justify-self:start}.footer{min-height:auto;padding-bottom:60px}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.product-card{display:flex;flex-direction:column;background-color:var(--color-surface);border:2px solid var(--color-border);animation:fadeSlideIn .4s ease both;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.product-card-link{display:block}.product-card-image-wrap{position:relative;overflow:hidden}.product-card-img{width:100%;aspect-ratio:1;object-fit:cover;display:block;transition:transform .4s}.product-card:hover .product-card-img{transform:scale(1.04)}.product-card-badge{position:absolute;top:10px;left:10px;color:#fff;font-size:var(--fs-badge);font-weight:var(--weight-btn);padding:4px 10px;text-transform:uppercase}.badge-promo{background-color:#27ae60}.badge-phare{background-color:#c0392b}.badge-nouveaute{left:auto;right:10px;background-color:var(--color-the)}.product-card-price-old{font-size:var(--fs-small);color:var(--color-footer);text-decoration:line-through}.product-card-body{padding:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex:1}.product-card-name{font-size:var(--fs-subtitle);font-weight:var(--weight-under-Title);line-height:1.3}.product-card-origin{font-size:var(--fs-subtitle);color:var(--color-footer);margin-top:2px}.product-card-price-row{margin-top:8px;display:flex;align-items:baseline;gap:6px}.product-card-price{font-size:var(--fs-subtitle);font-weight:var(--weight-title)}.product-card-unit{font-size:var(--fs-small);color:var(--color-footer)}.btn-add-cart{background-color:var(--color-surface);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.btn-add-cart img:hover{transform:scale(1.1)}.search-overlay{position:fixed;top:100px;left:0;width:100%;height:calc(100vh - 100px);background-color:var(--color-surface-high);z-index:999;overflow-y:auto;animation:searchFadeIn .25s ease}@keyframes searchFadeIn{0%{opacity:0}to{opacity:1}}.search-overlay-header{display:flex;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:32px 40px 24px}.search-input-wrapper{position:relative;flex:1}.search-input-wrapper input{width:100%;padding:12px 40px 12px 16px;font-size:18px;font-family:inherit;border:1px solid var(--color-border);background:transparent;outline:none;transition:border-color .2s ease}.search-input-wrapper input::placeholder{opacity:.5}.search-input-wrapper input:focus{border-color:var(--color-cafe)}.search-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:20px;cursor:pointer;opacity:.5;padding:4px 8px;line-height:1}.search-clear-btn:hover{opacity:1}.search-close-btn{padding:10px 20px;white-space:nowrap}.search-overlay-body{max-width:1200px;margin:0 auto;padding:0 40px 40px}.search-message{text-align:center;padding:60px 0;font-size:18px;opacity:.6}.search-results-count{margin-bottom:20px;font-size:var(--fs-body);opacity:.6;text-transform:uppercase}.search-overlay .product-list{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.product-carousel{flex:1;display:flex;flex-direction:column;align-items:center;padding:clamp(20px,calc(14px + 1.79vw),40px)}.product-carousel h2{text-transform:uppercase;font-size:var(--fs-section-title);font-weight:var(--weight-home);margin-bottom:clamp(12px,calc(9px + 1.07vw),24px)}.carousel-swiper{width:100%;max-width:clamp(280px,calc(255px + 6.57vw),350px)}.carousel-image-link{display:block;width:100%}.carousel-image-wrap{position:relative}.carousel-badge{position:absolute;top:10px;left:10px;color:#fff;font-size:var(--fs-badge);font-weight:var(--weight-btn);padding:4px 10px;text-transform:uppercase}.carousel-badge.badge-nouveaute{left:auto;right:10px}.carousel-image{width:100%;height:clamp(230px,calc(216px + 4.46vw),280px);object-fit:cover;object-position:top left}.carousel-controls{display:flex;align-items:center;gap:clamp(12px,calc(9px + 1.07vw),24px);margin:clamp(12px,calc(9px + 1.07vw),24px) 0}.carousel-btn{background:none;border:none;cursor:pointer;padding:8px}.carousel-btn img{width:clamp(24px,calc(21px + .75vw),32px);height:clamp(24px,calc(21px + .75vw),32px)}.carousel-product-name{font-size:var(--fs-subtitle);font-weight:var(--weight-title);color:var(--color-text);text-align:center;min-width:120px}main{display:flex;flex-direction:column;gap:clamp(32px,calc(23px + 2.86vw),64px)}.hero-section{height:calc(100vh - var(--header-height));display:flex;text-transform:uppercase;color:var(--color-bg-light)}.hero-left,.hero-right{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:50%;overflow:hidden}.hero-left:before,.hero-right:before{content:"";position:absolute;inset:-4px;background-position:center;background-size:cover;filter:blur(3px);z-index:0}.hero-left:before{background-image:url(/Images/The-Home.webp)}.hero-right:before{background-image:url(/Images/Cafe-Home.webp)}.hero-left:after,.hero-right:after{content:"";position:absolute;inset:0;background:#00000073;transition:background .4s ease;pointer-events:none;z-index:0}.hero-left:hover:after,.hero-right:hover:after{background:#00000026}.hero-section button{position:relative;z-index:1;text-transform:uppercase;padding:clamp(12px,calc(9px + .8vw),21px) clamp(10px,calc(8px + .45vw),15px);margin-bottom:clamp(40px,calc(26px + 4.29vw),88px);font-size:var(--fs-subtitle);color:var(--color-bg-light);border:none;cursor:pointer;font-weight:var(--weight-btn);box-shadow:var(--shadow-btn);transition:ease-in-out .2s}.hero-section button:hover{box-shadow:var(--shadow-btn-hover)}.hero-section h2{position:relative;z-index:1;font-size:var(--fs-hero);font-weight:900;margin-bottom:15px}.hero-left button{background-color:var(--color-the)}.hero-left button:hover{background-color:var(--color-bg-light);color:var(--color-the)}.hero-right button{background-color:var(--color-cafe)}.hero-right button:hover{background-color:var(--color-bg-light);color:var(--color-cafe)}.products-section{display:flex;gap:clamp(20px,calc(14px + 1.79vw),40px);padding:clamp(20px,calc(14px + 1.79vw),40px) clamp(16px,calc(-8px + 7.5vw),100px);background:#4c825980}.btn-section{display:inline-block;padding:8px clamp(20px,calc(14px + 1.79vw),40px);background-color:var(--color-bg-light);color:var(--color-text);text-decoration:none;text-transform:uppercase;font-size:var(--fs-body);font-weight:var(--weight-btn);border:none;box-shadow:var(--shadow-btn);transition:background-color .2s,box-shadow .2s}.btn-section:hover{background-color:#f8f8f8cc;box-shadow:2px 2px 8px 2px var(--color-btn-shadow)}.engagements-section{background-color:#d1bba8b3;padding:clamp(32px,calc(23px + 2.86vw),64px) clamp(16px,calc(-7px + 7.14vw),96px) clamp(16px,calc(11px + 1.43vw),32px)}.engagements-section h2{font-size:var(--fs-section-title);font-weight:700;margin-bottom:16px;text-align:center}.p-engagement{width:100%;text-align:center;padding-bottom:clamp(24px,calc(17px + 2.14vw),48px)}.engagements-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,calc(11px + 1.43vw),32px)}.engagement-item{text-align:center;gap:12px}.engagement-item h3{font-size:var(--fs-subtitle);font-weight:700;margin-bottom:16px}.engagement-item p{font-size:var(--fs-body);line-height:1.6}.testimonials-section{padding:clamp(24px,calc(17px + 2.14vw),48px) clamp(16px,calc(-8px + 7.5vw),100px)}.testimonials-section h2{text-transform:uppercase;font-size:var(--fs-section-title);font-weight:var(--weight-home);margin-bottom:clamp(20px,calc(14px + 1.79vw),40px);text-align:center}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:clamp(12px,calc(9px + 1.07vw),24px)}@media screen and (max-width:1358px){.products-section{flex-direction:column}}@media screen and (max-width:1024px){.hero-section{flex-direction:column}.hero-left,.hero-right{width:100%}.engagements-grid{grid-template-columns:repeat(1,1fr)}.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.testimonials-grid{grid-template-columns:repeat(1,1fr)}}[data-theme=dark] .products-section{background:rgba(var(--color-the-rgb),.15)}[data-theme=dark] .engagements-section{background:rgba(var(--color-cafe-rgb),.15)}[data-theme=dark] .hero-section,[data-theme=dark] .products-section,[data-theme=dark] .engagements-section,[data-theme=dark] .testimonials-section{color:#fff}[data-theme=dark] .hero-left button:hover,[data-theme=dark] .hero-right button:hover{background-color:#fff}[data-theme=dark] .btn-section:hover{color:#1a1510}.container{width:100%;display:flex;justify-content:center;padding-top:100px;padding-bottom:100px}.login-container{display:flex;flex-direction:column;width:448px;padding:24px;background-color:var(--color-surface);border:2px solid var(--color-border);gap:32px}.login-container h1,.login-container h2{font-size:16px}.form-container{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px;margin-top:16px}input{padding:8px}.forgot-password{text-align:right;margin:16px 0 5px}.forgot-password a{font-size:var(--fs-small);font-weight:700;color:var(--color-green);text-decoration:none}.forgot-password a:hover{text-decoration:underline;color:var(--color-text)}.signup-link{text-align:center;margin-top:25px;font-size:var(--fs-body);color:var(--color-footer)}.signup-link a{font-weight:700;color:var(--color-text);text-decoration:none;margin-left:5px}.error-message{color:var(--color-error);font-size:var(--fs-body);margin-bottom:15px;text-align:center}.success-text{color:var(--color-the);font-size:var(--fs-body);text-align:center;margin:16px 0;padding:12px;background-color:#546a2a1a;border-radius:4px}.error-text{color:var(--color-error);font-size:var(--fs-body);text-align:center;margin:16px 0;padding:12px;background-color:#c0392b1a;border-radius:4px}.login-button{display:flex;justify-content:center;align-items:center;width:100%;padding:8px}.valid-btn-local{margin-top:16px}.signup-box{display:flex;flex-direction:column;width:448px;background-color:var(--color-surface);border:2px solid var(--color-border);padding-bottom:24px}.signup-header{text-align:center;border-bottom:2px solid var(--color-border);padding:32px 24px;margin-bottom:24px}.signup-header h1{font-size:22px;margin-bottom:24px}.signup-header h2{font-size:24px}.signup-form{display:flex;flex-direction:column;padding:0 24px;gap:16px}.form-row{display:flex;gap:16px;width:100%}.half-width{flex:1}.input-with-icon{display:flex;gap:8px;align-items:center;border:1px solid rgba(var(--color-text-rgb),.2);border-radius:4px;padding:8px 12px;background-color:var(--color-surface)}.input-with-icon .icon{margin-right:12px;font-size:16px;color:var(--color-footer)}.input-with-icon input{border:none;outline:none;width:100%;padding:0;font-size:var(--fs-body)}.floating-input-wrapper{position:relative;flex:1}.floating-input-wrapper input{border:none;outline:none;width:100%;padding:6px 0 2px;font-size:var(--fs-body);background:transparent}.floating-input-wrapper label{position:absolute;top:50%;left:0;transform:translateY(-50%);font-size:var(--fs-body);color:rgba(var(--color-text-rgb),.4);pointer-events:none;transform-origin:left center;transition:transform .2s ease,color .2s ease}.floating-input-wrapper input:focus~label,.floating-input-wrapper input:not(:placeholder-shown)~label{transform:translateY(-120%) scale(.75);color:var(--color-the)}.password-toggle-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:4px;color:rgba(var(--color-text-rgb),.4);transition:color .2s}.password-toggle-btn:hover{color:var(--color-text)}.pl-container{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(16px,calc(-8px + 7.5vw),100px)}.pl-top-section{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0 16px}.pl-title{font-size:clamp(1.5rem,1.32rem + .75vw,2.25rem);font-weight:var(--weight-title);text-transform:uppercase;white-space:nowrap}.pl-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end}.pl-filter-bar{display:flex;align-items:center}.pl-select{padding:8px 30px 8px 12px;font-family:Jost,sans-serif;font-size:var(--fs-body);font-weight:var(--weight-under-Title);color:var(--color-text);background:var(--color-bg-light);border:1px solid var(--color-border);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231A1A1A' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.SliderRoot{position:relative;display:flex;align-items:center;-webkit-user-select:none;user-select:none;touch-action:none;width:200px;height:20px}.SliderTrack{background-color:var(--color-border);position:relative;flex-grow:1;border-radius:9999px;height:4px}.SliderRange{position:absolute;background-color:var(--color-green);border-radius:9999px;height:100%}.SliderThumb{display:block;width:20px;height:20px;background-color:#fff;border:2px solid var(--color-cafe);box-shadow:0 2px 4px #0000001a;border-radius:50%;cursor:pointer}.SliderThumb:hover{background-color:#f5f5f5}.price-values{display:flex;justify-content:space-between;margin-top:10px;font-weight:700}.pl-reset-btn{padding:8px 16px;font-size:var(--fs-body);font-family:Jost,sans-serif;font-weight:var(--weight-under-Title);color:var(--color-text);background:var(--color-bg-light);border:1px solid var(--color-border);cursor:pointer;white-space:nowrap;transition:background-color .2s}.pl-reset-btn:hover{border-color:var(--color-text)}.pl-product-count{font-size:var(--fs-body);color:var(--color-footer);white-space:nowrap}.pl-filters-toggle{display:none;font-family:Jost,sans-serif;font-size:var(--fs-body);font-weight:var(--weight-btn);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text);background:none;border:1px solid var(--color-text);padding:8px 12px;cursor:pointer;align-items:center;gap:6px;transition:color .2s}.pl-filters-toggle:hover{color:var(--color-the)}.pl-mobile-filter-panel{display:none;flex-direction:column;gap:16px;padding:20px;margin-top:16px;border:1px solid rgba(var(--color-text-rgb),.1)}.pl-mobile-filter-panel.open{display:flex}.pl-grid{display:grid;grid-template-columns:repeat(3,clamp(280px,22vw,380px));justify-content:center;gap:clamp(24px,3vw,56px);padding:32px 0 48px}.pl-no-results{text-align:center;font-size:var(--fs-body);color:var(--color-footer);padding:48px 0}.pl-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 0 60px}.pl-page-btn{padding:8px 14px;font-size:var(--fs-body);font-family:Jost,sans-serif;font-weight:var(--weight-under-Title);color:var(--color-footer);background:none;border:none;cursor:pointer;transition:color .2s}.pl-page-btn:hover:not(:disabled){color:var(--color-text)}.pl-page-btn:disabled{opacity:.35;cursor:default}.pl-page-num{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:var(--fs-body);font-family:Jost,sans-serif;font-weight:var(--weight-btn);cursor:pointer;border:none;background:none;color:var(--color-footer);transition:background-color .2s,color .2s}.pl-page-num:hover{background-color:var(--color-brown);color:var(--color-text)}.pl-page-num.active{background-color:var(--color-text);color:var(--color-bg-light)}.product-skeleton{border:2px solid rgba(var(--color-text-rgb),.05);padding:0}.product-list-error{display:flex;justify-content:center;padding:60px 24px}.error-container{text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}.error-container h3{font-size:var(--fs-section-title)}.error-container p{font-size:var(--fs-body);color:var(--color-footer)}.retry-button{padding:8px 24px;text-transform:uppercase}@media(max-width:1024px){.pl-container{padding:0 clamp(16px,calc(9px + 2.14vw),48px)}.pl-grid{grid-template-columns:repeat(2,clamp(240px,30vw,320px));gap:clamp(20px,3vw,40px)}}@media(max-width:768px){.pl-container{padding:0 16px}.pl-top-section{flex-direction:column;align-items:flex-start;gap:16px}.pl-controls .pl-filter-bar,.pl-controls .pl-select,.pl-controls .pl-reset-btn,.pl-controls .pl-product-count{display:none}.pl-filters-toggle{display:flex}.pl-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media(max-width:480px){.pl-grid{grid-template-columns:1fr;max-width:320px;margin:0 auto;gap:20px}}[data-theme=dark] .pl-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23E8E0D8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.cart-layout{display:flex;flex-direction:column}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:50vh}.cart-empty h2{font-size:var(--fs-section-title);font-weight:var(--weight-title)}.cart-empty-subtitle{font-size:var(--fs-body);color:var(--color-footer);margin-bottom:8px}.cart-empty-links{display:flex;gap:16px}.cart-empty-link{padding:10px 32px;font-size:var(--fs-body);font-weight:var(--weight-btn);text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--color-border);transition:background-color .3s,color .3s,border-color .3s}.cart-empty-link:hover{color:var(--color-bg-light)}.cart-empty-link--the:hover{background-color:var(--color-the);border-color:var(--color-the)}.cart-empty-link--cafe:hover{background-color:var(--color-cafe);border-color:var(--color-cafe)}.cart-empty-link--accessory:hover{background-color:var(--color-text);border-color:var(--color-text)}.cart-container{max-width:1200px;margin:0 auto;padding:40px clamp(16px,calc(-8px + 7.5vw),100px)}.cart-container h1{font-size:var(--fs-section-title);font-weight:var(--weight-title);margin-bottom:30px;text-transform:uppercase}.cart-content-grid{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start}.cart-items{display:flex;flex-direction:column;gap:16px}.cart-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px;border:1px solid var(--color-border)}.cart-item-info{display:flex;align-items:center;gap:16px;flex:1}.cart-image{width:80px;height:80px;object-fit:cover}.cart-item-info h3{font-size:var(--fs-subtitle);font-weight:var(--weight-under-Title)}.item-price{font-size:var(--fs-body);color:var(--color-footer)}.cart-quantity-controls{display:flex;align-items:center;gap:10px}.quantity-btn{width:30px;height:30px;box-shadow:var(--shadow-btn);transition:background-color .2s,box-shadow .2s}.quantity-btn:hover{background-color:rgba(var(--color-text-rgb),.08);box-shadow:var(--shadow-btn-hover)}.quantity-display{font-size:var(--fs-body);font-weight:var(--weight-under-Title);min-width:20px;text-align:center}.cart-item-actions{display:flex;align-items:center;gap:16px}.item-total-price{font-size:var(--fs-subtitle);font-weight:var(--weight-under-Title);min-width:80px;text-align:right}.remove-btn{background:none;border:none;cursor:pointer;padding:4px;opacity:.6;transition:opacity .2s}.remove-btn:hover{opacity:1}.remove-btn img{width:20px;height:20px;filter:var(--icon-filter)}.cart-summary{position:sticky;top:calc(var(--header-height) + 20px);display:flex;flex-direction:column;gap:16px;padding:24px;background-color:var(--color-surface);border:1px solid var(--color-border)}.summary-details h2{font-size:var(--fs-nav-link);font-weight:var(--weight-title)}.summary-actions{display:flex;gap:12px}.clear-btn{padding:10px 24px;background:none;border:none;cursor:pointer;font-size:var(--fs-body);font-family:Jost,sans-serif;font-weight:var(--weight-btn);text-transform:uppercase;box-shadow:var(--shadow-btn);transition:background-color .2s,box-shadow .2s}.clear-btn:hover{background-color:rgba(var(--color-text-rgb),.08);box-shadow:var(--shadow-btn-hover)}.cart-order-btn{padding:10px 24px;text-transform:uppercase}@media(max-width:480px){.cart-empty-links{flex-direction:column;width:100%;max-width:220px}.cart-empty-link{text-align:center}}@media(max-width:768px){.cart-content-grid{grid-template-columns:1fr}.cart-summary{position:static}.cart-item{flex-direction:column;align-items:flex-start;gap:12px}.cart-item-actions{width:100%;justify-content:space-between}.item-total-price{text-align:left}.summary-actions{flex-direction:column;width:100%}.summary-actions button{width:100%}}[data-theme=dark] .clear-btn{color:#fff}.legal-page{max-width:900px;margin:0 auto;padding:40px clamp(16px,calc(-8px + 7.5vw),100px);min-height:60vh}.legal-page h1{font-size:var(--fs-section-title);font-weight:var(--weight-title);text-transform:uppercase;margin-bottom:30px}.legal-page h2{font-size:var(--fs-nav-link);font-weight:var(--weight-under-Title);margin-top:30px;margin-bottom:12px}.legal-page h3{font-size:var(--fs-subtitle);font-weight:var(--weight-under-Title);margin-top:20px;margin-bottom:8px}.legal-page p{font-size:var(--fs-body);line-height:1.7;margin-bottom:12px;color:var(--color-text)}.legal-page ul{list-style:disc;padding-left:24px;margin-bottom:12px}.legal-page ul li{font-size:var(--fs-body);line-height:1.7;margin-bottom:4px}.legal-page a{color:var(--color-the);text-decoration:underline}.legal-page a:hover{opacity:.8}.legal-page .legal-updated{font-size:var(--fs-small);color:var(--color-footer);margin-bottom:30px}.sitemap-section{margin-bottom:24px}.sitemap-section h2{margin-bottom:10px}.sitemap-section ul{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:8px}.sitemap-section ul li a{font-size:var(--fs-body);text-decoration:none;color:var(--color-text);transition:color .2s}.sitemap-section ul li a:hover{color:var(--color-the)}.account-page{display:flex;flex-direction:column;padding:clamp(24px,calc(17px + 2.14vw),48px) clamp(16px,calc(-8px + 7.5vw),100px) clamp(48px,calc(34px + 4.29vw),96px);max-width:1000px;margin:0 auto;color:var(--color-text)}.account-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:clamp(24px,calc(17px + 2.14vw),48px)}.account-titles h1{font-family:Jost,sans-serif;font-size:var(--fs-section-title);font-weight:400;margin-bottom:8px}.account-titles p{font-size:var(--fs-body);color:var(--color-text)}.logout-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border-color:var(--color-border);text-transform:none;font-weight:400}.logout-button:hover{background-color:rgba(var(--color-text-rgb),.04);color:var(--color-text)}.account-tabs{position:relative;display:flex;justify-content:center;gap:32px;margin-bottom:clamp(24px,calc(17px + 2.14vw),48px);border-bottom:1px solid rgba(var(--color-text-rgb),.1)}.tab-button{position:relative;background:transparent;border:none;padding:8px 32px;font-size:var(--fs-body);font-family:Jost,sans-serif;cursor:pointer;display:flex;align-items:center;gap:8px;transition:color .3s ease}.tab-button:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--color-text);transform:scaleX(0);transition:transform .3s ease}.tab-button.active:after{transform:scaleX(1)}.tab-button.active{font-weight:var(--weight-btn)}.account-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,calc(11px + 1.43vw),32px);margin-bottom:clamp(32px,calc(23px + 2.86vw),64px)}.info-card,.security-card{background-color:var(--color-surface);border:1px solid var(--color-border);padding:clamp(16px,calc(11px + 1.43vw),32px);display:flex;flex-direction:column}.info-card h3,.security-card h3{font-size:var(--fs-subtitle);margin-bottom:clamp(16px,calc(11px + 1.43vw),32px)}.info-details{display:flex;flex-wrap:wrap;gap:16px 24px;margin-bottom:clamp(20px,calc(14px + 1.79vw),40px)}.info-group{display:flex;flex-direction:column;gap:4px;flex:1;min-width:120px;margin-bottom:16px}.info-group.full-width{min-width:100%}.info-group .label{font-size:var(--fs-small);font-weight:var(--weight-title)}.info-group .value{font-size:var(--fs-body)}.full-width-btn{width:100%;padding:12px;font-size:var(--fs-body);font-family:Jost,sans-serif;cursor:pointer;margin-top:auto}.outline-btn{background-color:transparent;border:1px solid var(--color-text);color:var(--color-text);display:flex;align-items:center;justify-content:center;gap:8px}.outline-btn:hover{background-color:rgba(var(--color-text-rgb),.04)}.section-title{text-align:center;font-size:var(--fs-subtitle);margin-bottom:clamp(16px,calc(11px + 1.43vw),32px)}.addresses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(16px,calc(11px + 1.43vw),32px)}.addresses-header .section-title{margin-bottom:0}.add-address-btn{padding:8px 16px;font-size:var(--fs-body);font-family:Jost,sans-serif;cursor:pointer;white-space:nowrap}.address-card{border:1px solid var(--color-border);padding:clamp(16px,calc(11px + 1.43vw),32px);margin-bottom:16px;display:flex;justify-content:space-between}.address-info h4{font-size:var(--fs-body);margin-bottom:16px;display:flex;align-items:center;gap:12px}.badge{background-color:var(--color-text);color:var(--color-bg-light);font-size:var(--fs-badge);padding:2px 6px;border-radius:2px}.address-info p{font-size:var(--fs-body);line-height:1.6;margin:0}.address-actions{display:flex;flex-direction:column;align-items:flex-end;gap:16px}.text-btn{font-size:var(--fs-small)}.text-btn:hover{color:var(--color-text);text-decoration:underline}.orders-list{display:flex;flex-direction:column;gap:20px}.order-card{border:1px solid var(--color-border);padding:clamp(16px,calc(11px + 1.43vw),32px);display:flex;justify-content:space-between;align-items:center}.order-info{display:flex;flex-direction:column;gap:8px}.order-id{font-size:var(--fs-body);font-weight:var(--weight-btn)}.order-date{font-size:var(--fs-small);color:var(--color-footer)}.order-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.order-status{font-size:var(--fs-small);font-weight:var(--weight-under-Title);padding:2px 8px;border-radius:2px}.order-status.delivered{background-color:#546a2a26;color:var(--color-the)}.order-status.in-progress{background-color:#6f4e3726;color:var(--color-cafe)}.order-total{font-size:var(--fs-subtitle);font-weight:var(--weight-title)}.order-articles{font-size:var(--fs-small);color:var(--color-footer)}.empty-orders{text-align:center;padding:clamp(24px,calc(17px + 2.14vw),48px);font-size:var(--fs-body);color:var(--color-footer)}[data-theme=dark] .tab-button{color:var(--color-text)}[data-theme=dark] .tab-button img,[data-theme=dark] .outline-btn img{filter:var(--icon-filter)}.add-address-form{border:1px solid var(--color-border);padding:clamp(16px,calc(11px + 1.43vw),32px);margin-bottom:16px}.add-address-form h4{font-size:var(--fs-body);margin-bottom:20px}.add-address-form .form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.add-address-form .form-group label{font-size:var(--fs-small);font-weight:var(--weight-title)}.add-address-form .form-group input{padding:10px 12px;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);font-size:var(--fs-body);font-family:Jost,sans-serif;outline:none;transition:border-color .2s ease}.add-address-form .form-group input:focus{border-color:var(--color-text)}.add-address-form .form-row{display:flex;gap:16px}.add-address-form .form-row .form-group{flex:1}.add-address-form .form-actions{display:flex;gap:12px;margin-top:8px}.add-address-form .form-actions .btn-filled,.add-address-form .form-actions .outline-btn{padding:10px 24px;font-size:var(--fs-body);font-family:Jost,sans-serif;cursor:pointer}.add-address-form .input-error{border-color:#c0392b}.add-address-form .field-error{font-size:var(--fs-small);color:#c0392b}@media(max-width:768px){.account-grid{grid-template-columns:1fr}.account-header{flex-direction:column;gap:16px}.order-card{flex-direction:column;align-items:flex-start;gap:12px}.order-meta{align-items:flex-start}.add-address-form .form-row{flex-direction:column;gap:0}}.order-container{max-width:1200px;margin:0 auto;padding:40px clamp(16px,calc(-8px + 7.5vw),100px)}.order-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:40px}.order-step{display:flex;align-items:center;gap:8px;background:none;border:none;padding:0;font-family:inherit;cursor:default}.order-step--completed:not(:disabled){cursor:pointer}.order-step--completed:not(:disabled):hover .order-step-label{text-decoration:underline}.order-step--completed:not(:disabled):hover .order-step-number{background-color:var(--color-text);border-color:var(--color-text)}.order-step-number{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fs-body);font-weight:var(--weight-btn);border:2px solid var(--color-footer);color:var(--color-footer);background:transparent;transition:all .3s ease;flex-shrink:0}.order-step-label{font-size:var(--fs-small);font-weight:var(--weight-under-Title);color:var(--color-footer);white-space:nowrap;transition:color .3s ease}.order-step--active .order-step-number{background-color:var(--color-text);color:var(--color-bg-light);border-color:var(--color-text)}.order-step--active .order-step-label{color:var(--color-text)}.order-step--completed .order-step-number{background-color:var(--color-the);color:var(--color-bg-light);border-color:var(--color-the)}.order-step--completed .order-step-label{color:var(--color-text)}.order-step-divider{width:40px;height:2px;background-color:var(--color-footer);margin:0 12px;flex-shrink:0}.checkout-layout{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start}.checkout-right{position:sticky;top:calc(var(--header-height) + 20px)}.os-container{background-color:var(--color-surface);border:1px solid var(--color-border);padding:24px}.os-title{font-size:var(--fs-subtitle);font-weight:var(--weight-title);margin-bottom:20px;text-transform:uppercase}.os-items{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(var(--color-text-rgb),.1)}.os-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.os-item-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.os-item-name{font-size:var(--fs-small);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.os-item-qty{font-size:var(--fs-small);color:var(--color-footer);flex-shrink:0}.os-item-price{font-size:var(--fs-small);font-weight:var(--weight-under-Title);flex-shrink:0}.os-totals{display:flex;flex-direction:column;gap:8px}.os-total-row{display:flex;justify-content:space-between;font-size:var(--fs-body)}.os-total-final{padding-top:12px;border-top:2px solid var(--color-text);font-weight:var(--weight-title);font-size:var(--fs-subtitle)}.step-back-link{display:inline-block;background:none;border:none;padding:0;font-family:inherit;font-size:var(--fs-body);color:var(--color-footer);cursor:pointer;text-decoration:none;margin-bottom:16px;transition:color .2s}.step-back-link:hover{color:var(--color-text)}.step-section{padding:8px 0}.step-title{font-size:var(--fs-section-title);font-weight:var(--weight-title);margin-bottom:8px}.step-subtitle{font-size:var(--fs-body);color:var(--color-footer);margin-bottom:24px}.step-user-info{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid rgba(var(--color-text-rgb),.1);margin-bottom:16px;font-size:var(--fs-body)}.step-change-account{display:inline-block;font-size:var(--fs-body);color:var(--color-text);text-decoration:underline;margin-bottom:24px;margin-right:24px;transition:color .2s}.step-change-account:hover{color:var(--color-the)}.step-saved-address{display:flex;flex-direction:column;gap:4px;padding:20px;border:1px solid rgba(var(--color-text-rgb),.1);margin-bottom:24px;font-size:var(--fs-body)}.step-saved-address .step-change-account{margin-top:8px;margin-bottom:0}.liv-addresses{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.liv-address-card{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border:1px solid rgba(var(--color-text-rgb),.15);cursor:pointer;transition:border-color .2s,background-color .2s}.liv-address-card:hover{border-color:var(--color-text)}.liv-address-card--selected{border-color:var(--color-text);background-color:rgba(var(--color-text-rgb),.03)}.liv-address-radio{padding-top:2px;flex-shrink:0}.liv-address-radio input[type=radio]{accent-color:var(--color-text);width:16px;height:16px;cursor:pointer}.liv-address-details{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-body)}.liv-address-type{font-weight:var(--weight-btn);display:flex;align-items:center;gap:8px}.liv-address-type .badge{font-weight:400}.liv-other-address-btn{display:inline-block;background:none;border:none;padding:0;font-family:inherit;font-size:var(--fs-body);color:var(--color-text);text-decoration:underline;cursor:pointer;text-align:left;transition:color .2s}.liv-other-address-btn:hover,.liv-other-address-btn--active{color:var(--color-the)}.step-form{display:flex;flex-direction:column;gap:16px}.step-form-row{display:flex;gap:16px}.step-form-row .step-form-group{flex:1}.step-form-group{display:flex;flex-direction:column;gap:6px}.step-form-group label{font-size:var(--fs-small);font-weight:var(--weight-under-Title);text-transform:uppercase}.step-form-group input{padding:10px 12px;border:1px solid rgba(var(--color-text-rgb),.2);font-size:var(--fs-body);font-family:Jost,sans-serif;transition:border-color .2s}.step-form-group input:focus{outline:none;border-color:var(--color-text)}.step-fieldset{border:none;padding:0;margin:8px 0;display:flex;flex-direction:column;gap:10px}.step-fieldset legend{font-size:var(--fs-body);font-weight:var(--weight-under-Title);text-transform:uppercase;margin-bottom:8px}.step-radio-label{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--color-border);cursor:pointer;font-size:var(--fs-body);transition:border-color .2s,background-color .2s}.step-radio-label:hover{border-color:var(--color-text)}.step-radio-label input[type=radio]{accent-color:var(--color-text);width:16px;height:16px}.step-radio-price{margin-left:auto;font-weight:var(--weight-under-Title)}.step-payment-placeholder{padding:24px;border:1px dashed rgba(var(--color-text-rgb),.2);text-align:center;font-size:var(--fs-body);color:var(--color-footer)}.step-btn{display:inline-block;padding:12px 32px;text-transform:uppercase;text-align:center;margin-top:8px}.confirmation-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:60px 20px;min-height:40vh}.confirmation-icon{width:64px;height:64px;border-radius:50%;background-color:var(--color-the);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:var(--weight-title)}.confirmation-title{font-size:var(--fs-section-title);font-weight:var(--weight-title)}.confirmation-text{font-size:var(--fs-body);color:var(--color-footer);max-width:500px}.confirmation-link{margin-top:16px;text-decoration:none}@media(max-width:768px){.checkout-layout{grid-template-columns:1fr;gap:24px}.checkout-right{position:static;order:-1}.order-step-label{display:none}.order-step-divider{width:24px;margin:0 6px}.step-form-row{flex-direction:column;gap:16px}}.btn-filled{background-color:var(--color-btn-primary);color:var(--color-btn-primary-text);border:none;cursor:pointer;font-family:Jost,sans-serif;font-size:var(--fs-body);font-weight:var(--weight-btn);box-shadow:var(--shadow-btn);transition:background-color .3s,box-shadow .3s}.btn-filled:hover{background-color:var(--color-btn-primary-hover);box-shadow:var(--shadow-btn-hover)}.btn-filled:disabled{opacity:.4;cursor:not-allowed}.btn-filled:disabled:hover{background-color:var(--color-btn-primary);box-shadow:var(--shadow-btn)}.btn-outline{background:transparent;border:1px solid var(--color-text);color:var(--color-text);cursor:pointer;font-family:Jost,sans-serif;font-size:var(--fs-body);font-weight:var(--weight-btn);text-transform:uppercase;transition:background-color .2s ease,color .2s ease}.btn-outline:hover{background-color:var(--color-text);color:var(--color-bg-light)}.btn-text{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:0;cursor:pointer;font-family:Jost,sans-serif;font-size:var(--fs-body);color:var(--color-text);transition:color .2s}.btn-text:hover{color:var(--color-the)}.btn-qty{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;font-family:Jost,sans-serif;font-size:var(--fs-subtitle);font-weight:var(--weight-btn);transition:background-color .2s}.btn-qty:hover{background-color:rgba(var(--color-text-rgb),.06)}[data-theme=dark] .btn-qty{color:#fff}:root{--color-cafe: #6f4e37;--color-the: #546a2a;--color-green: rgba(84, 106, 42, .75);--color-brown: rgba(209, 187, 168, .55);--color-bg-light: rgba(255, 255, 255, .96);--color-text: rgb(4, 4, 4);--color-text-rgb: 4, 4, 4;--color-footer: #a1a1a1;--color-error: #c0392b;--color-surface: var(--color-bg-light);--color-surface-high: #ffffff;--color-border: rgba(var(--color-text-rgb), .12);--color-border-subtle: rgba(var(--color-text-rgb), .06);--color-footer-bg: var(--color-text);--color-footer-text: var(--color-bg-light);--color-footer-muted: var(--color-footer);--icon-filter: none;--color-the-rgb: 84, 106, 42;--color-cafe-rgb: 111, 78, 55;--weight-main: 400;--weight-home: 900;--weight-title: 700;--weight-under-Title: 500;--weight-under-line: 300;--color-btn-primary: var(--color-text);--color-btn-primary-hover: var(--color-the);--color-btn-primary-text: var(--color-bg-light);--color-btn-shadow: rgb(50, 50, 50);--weight-btn: 600;--shadow-btn: 0 2px 8px var(--color-btn-shadow);--shadow-btn-hover: 0 4px 16px var(--color-btn-shadow);--shadow-card-hover: 0 6px 20px var(--color-btn-shadow);--shadow-dropdown: 0 8px 24px rgba(var(--color-text-rgb), .08);--header-height: clamp(76px, calc(68px + 2.25vw) , 100px);--fs-hero: clamp(1.75rem, 1.31rem + 1.88vw, 3rem);--fs-section-title: clamp(1.5rem, 1.32rem + .75vw, 2rem);--fs-nav-link: clamp(1.06rem, .95rem + .45vw, 1.38rem);--fs-login-text: clamp(.81rem, .76rem + .22vw, .94rem);--fs-subtitle: clamp(.94rem, .87rem + .28vw, 1.13rem);--fs-footer-title: clamp(.875rem, .83rem + .19vw, 1rem);--fs-body: clamp(.875rem, .83rem + .19vw, 1rem);--fs-small: clamp(.75rem, .71rem + .19vw, .875rem);--fs-badge: clamp(.688rem, .66rem + .09vw, .75rem)}[data-theme=dark]{--color-bg-light: #1A1510;--color-text: #E8E0D8;--color-text-rgb: 232, 224, 216;--color-surface: #221D18;--color-surface-high: #2C2520;--color-border: rgba(232, 224, 216, .12);--color-border-subtle: rgba(232, 224, 216, .06);--color-the: #6B8A3E;--color-cafe: #8B6B52;--color-green: rgba(107, 138, 62, .65);--color-brown: rgba(139, 107, 82, .45);--color-the-rgb: 107, 138, 62;--color-cafe-rgb: 139, 107, 82;--color-footer-bg: #151210;--color-footer-text: #E8E0D8;--color-footer-muted: #888;--color-btn-primary: #E8E0D8;--color-btn-primary-hover: #6B8A3E;--color-btn-primary-text: #1A1510;--color-btn-shadow: rgba(0, 0, 0, .4);--color-error: #e74c3c;--color-footer: #888;--icon-filter: invert(.9) sepia(.1) hue-rotate(10deg)}*{box-sizing:border-box;margin:0;padding:0;font-family:Jost,sans-serif;font-optical-sizing:auto;font-style:normal;list-style:none}body{font-weight:var(--weight-main);background-color:var(--color-bg-light);color:var(--color-text);line-height:1.6;padding-top:var(--header-height)}.loader-wrapper{width:100%;height:100%;position:fixed;top:0;left:0;background-color:var(--color-text);display:grid;place-items:center}.loader{border:16px solid var(--color-green);border-top:16px solid (var(--color-green));border-radius:50%;width:140px;height:140px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}main{min-height:calc(100vh - var(--header-height))}a{text-decoration:none;color:inherit}.skip-link{position:absolute;top:-100%;left:16px;z-index:5481;padding:12px 24px;background:var(--color-text);color:var(--color-bg-light);font-size:var(--fs-body);font-weight:var(--weight-btn);text-decoration:none}.skip-link:focus{top:8px}h1,h2,h3{font-weight:var(--weight-title)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
