@charset "UTF-8";:root{--color-page-bg: #f6f1e9;--color-surface: #ffffff;--color-surface-soft: #f0e4d4;--color-surface-strong: #e4d4c1;--color-accent: #32c7c2;--color-accent-hover: #22b0ab;--color-accent-soft: #e3fbfa;--color-text-main: #2b2620;--color-text-muted: #8a7b6a;--color-text-on-accent: #ffffff;--color-border-subtle: rgba(43, 38, 32, .08);--color-border-strong: rgba(43, 38, 32, .16);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 10px;--radius-pill: 999px;--shadow-soft: 0 18px 45px rgba(15, 10, 5, .12);--shadow-card: 0 10px 30px rgba(15, 10, 5, .08);--font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 48px;--line-height-normal:1.5;--line-height-tight: 1.2;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 28px;--spacing-xl: 72px;--spacing-2xl: 96px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-main);background-color:var(--color-page-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;line-height:var(--line-height-tight);font-weight:700}p{margin:0}ul,ol{list-style:none}a{color:inherit;text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-accent)}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0;transition:transform .2s ease,opacity .2s ease}button:hover{opacity:.9}input,textarea{font-family:inherit;font-size:inherit;border:none;outline:none}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-xl) 0}.section__title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);text-align:center}.section__subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);text-align:center;max-width:800px;margin:0 auto var(--spacing-lg)}.btn{display:inline-block;padding:16px 32px;font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-pill);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.btn:hover{transform:translateY(-2px)}.btn--primary{background-color:var(--color-accent);color:#fff}.btn--primary:hover{background-color:#ffbd5c;box-shadow:0 8px 24px #ffb3474d}.btn--ghost{background-color:transparent;color:var(--color-text-main);border:2px solid var(--color-border-subtle)}.btn--ghost:hover{border-color:var(--color-accent);color:var(--color-accent)}.header{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,139,157,.12);z-index:1000;transition:all .3s ease}.header.scrolled{background:#fffffffa;box-shadow:0 4px 20px #00000014}.header__inner{display:flex;align-items:center;justify-content:space-between;height:70px}@media (min-width: 992px){.header__inner{height:80px}}.header__logo{font-size:28px;font-weight:900;color:#008b9d;text-decoration:none;letter-spacing:-.5px;font-family:Georgia,serif}@media (min-width: 992px){.header__logo{font-size:32px}}.header__nav{display:none;align-items:center;gap:32px}@media (min-width: 992px){.header__nav{display:flex}}.header__nav-link{font-size:15px;font-weight:600;color:#333;text-decoration:none;padding:8px 0;position:relative;transition:color .3s}.header__nav-link:hover,.header__nav-link--active{color:#008b9d}.header__nav-link--active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#008b9d;border-radius:2px}.header__cart-link{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#f8f8f8;transition:all .3s;color:#333}.header__cart-link:hover{background:#008b9d;color:#fff;transform:scale(1.08)}.header__cart-icon{width:24px;height:24px;stroke-width:2}.header__cart-badge{position:absolute;top:-6px;right:-6px;background:#e31937;color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid white;box-shadow:0 2px 8px #e3193766;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.header__burger{display:flex;flex-direction:column;justify-content:center;gap:2px;width:25px;height:44px;background:transparent;border:none;cursor:pointer;z-index:1001}.header__burger span{width:30px;height:2px;background:#333;border-radius:2px;transition:all .3s;transform-origin:center}.header__burger span:nth-child(1){transform:translateY(-7px) rotate(0)}.header__burger span:nth-child(2){opacity:1}.header__burger span:nth-child(3){transform:translateY(7px) rotate(0)}.header__burger--open span:nth-child(1){transform:translateY(3px) rotate(45deg)}.header__burger--open span:nth-child(2){opacity:0}.header__burger--open span:nth-child(3){transform:translateY(-3px) rotate(-45deg)}@media (min-width: 992px){.header__burger{display:none}}.header__mobile{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translateY(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:999}.header__mobile--open{transform:translateY(0)}.header__mobile-inner{padding:20px;height:100%;display:flex;flex-direction:column}.header__mobile-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-top:10px}.header__mobile-logo{font-size:28px;font-weight:900;color:#008b9d}.header__mobile-nav{display:flex;flex-direction:column;gap:8px;flex:1;align-items:start}.header__mobile-link{font-size:20px;font-weight:600;color:#333;text-decoration:none;padding:16px 0;border-bottom:1px solid #eee}.header__mobile-link:hover{color:#008b9d}.header__mobile-cart{margin-top:20px;color:#e31937;font-weight:700;border-bottom:2px solid #e31937!important}body.menu-open{overflow:hidden}.hero{padding:60px 0 80px;margin-top:30px;overflow:hidden}@media (min-width: 768px){.hero{padding:100px 0 120px}}@media (min-width: 1200px){.hero{padding:140px 0}}.hero__inner{display:flex;flex-direction:column;align-items:center;gap:40px}@media (min-width: 768px){.hero__inner{flex-direction:row;align-items:center;justify-content:space-between;gap:20px}}@media (min-width: 1200px){.hero__inner{gap:80px}}.hero__content{flex:1;text-align:center;order:2}@media (min-width: 768px){.hero__content{flex:1 1 50%;text-align:left;order:1}}.hero__title{font-size:32px;font-weight:800;line-height:1.2;color:#222;margin-bottom:20px}@media (min-width: 480px){.hero__title{font-size:28px}}@media (min-width: 768px){.hero__title{font-size:44px;margin-bottom:24px}}@media (min-width: 1024px){.hero__title{font-size:52px}}.hero__subtitle{font-size:17px;line-height:1.65;color:#555;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}@media (min-width: 768px){.hero__subtitle{font-size:18px;margin-left:0;margin-right:unset;margin-bottom:40px}}.hero__buttons{display:flex;flex-direction:column;gap:16px;align-items:center}@media (min-width: 480px){.hero__buttons{flex-direction:row;justify-content:center}}@media (min-width: 768px){.hero__buttons{justify-content:flex-start}}.btn{padding:16px 32px;border-radius:12px;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:220px}@media (min-width: 480px){.btn{min-width:auto}}.btn--primary{background:#008b9d;color:#fff;border:none;box-shadow:0 8px 25px #008b9d4d}.btn--primary:hover{background:#007a8b;transform:translateY(-3px);box-shadow:0 12px 35px #008b9d66}.btn--ghost{background:transparent;color:#008b9d;border:2px solid #008B9D}.btn--ghost:hover{background:#008b9d;color:#fff;transform:translateY(-3px)}.hero__visual{flex:1 1 100%;order:1;max-width:420px;margin:0 auto}@media (min-width: 768px){.hero__visual{flex:0 0 480px;order:2;max-width:none}}@media (min-width: 1024px){.hero__visual{flex:0 0 540px}}.hero__cup-mockup{position:relative;width:100%;height:0;padding-bottom:100%;border-radius:24px;overflow:hidden;box-shadow:0 15px 40px #0000001f;background:linear-gradient(135deg,#f8fdfc,#f0f8fa)}.hero__cup-mockup:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,139,157,.08) 0%,transparent 70%);z-index:1;pointer-events:none}.hero__cup-label{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.hero__cup-label img{width:100%;height:100%;object-fit:cover;border-radius:24px}.section--about{padding:48px 0;background:#fff}@media (min-width: 768px){.section--about{padding:70px 0}}@media (min-width: 1200px){.section--about{padding:90px 0}}.about__content{margin-bottom:40px}@media (min-width: 768px){.about__content{margin-bottom:56px;max-width:800px;margin-left:auto;margin-right:auto}}.about__text{font-size:16px;line-height:1.65;color:#444;margin:0 0 20px}.about__text:last-child{margin-bottom:0}@media (min-width: 768px){.about__text{font-size:17px;margin-bottom:24px}}.about__features{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (min-width: 640px){.about__features{grid-template-columns:repeat(4,1fr);gap:28px}}@media (min-width: 992px){.about__features{gap:36px}}.about__feature{text-align:center;padding:20px 12px;border-radius:16px;background:#f8fbfc;border:1px solid rgba(0,139,157,.12);transition:all .3s ease}.about__feature:hover{transform:translateY(-6px);box-shadow:0 12px 30px #008b9d26;border-color:#008b9d}@media (max-width: 639px){.about__feature{padding:18px 10px}}.about__feature-icon{width:68px;height:68px;margin:0 auto 16px;background:#008b9d;color:#fff;font-size:32px;font-weight:900;font-family:Georgia,serif;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 6px 15px #008b9d4d}@media (min-width: 768px){.about__feature-icon{width:76px;height:76px;font-size:36px}}.about__feature-title{font-size:15px;font-weight:700;color:#222;margin:0 0 8px;line-height:1.3}@media (min-width: 768px){.about__feature-title{font-size:16px}}.about__feature-description{font-size:13.5px;color:#555;line-height:1.5;margin:0}@media (min-width: 768px){.about__feature-description{font-size:14px}}.section__title{font-size:28px;font-weight:700;text-align:center;margin:0 0 20px;color:#222}@media (min-width: 768px){.section__title{font-size:36px;margin-bottom:24px}}.section__title:after{content:"";display:block;width:80px;height:4px;background:#008b9d;margin:16px auto 0;border-radius:2px}.cd-constructor-section{--cd-bg: #ffffff;--cd-card-bg: #f6f1e9;--cd-text: #162233;--cd-text-muted: #9aa6b8;--cd-accent: #3bc9c1;--cd-radius: 14px;width:100%;padding:80px 0;background:var(--cd-bg);color:var(--cd-text)}.cd-constructor-section .cd-constructor-section__inner{display:flex;flex-direction:column;gap:48px}.cd-constructor-section .cd-section-title{text-align:center}.cd-constructor-section .cd-section-title h2{font-size:32px;font-weight:700;margin-bottom:10px}.cd-constructor-section .cd-section-title .cd-text-muted{font-size:16px;opacity:.8;color:var(--cd-text-muted)}.cd-constructor-section .cd-constructor__content{display:grid;grid-template-columns:1fr 380px;gap:38px}@media (max-width: 992px){.cd-constructor-section .cd-constructor__content{grid-template-columns:1fr;gap:36px}}.cd-constructor-section .cd-constructor__preview{width:100%;display:flex;justify-content:center}.cd-constructor-section .cd-cup-3d{width:100%;max-width:440px;padding:20px}.cd-constructor-section .cd-cup-3d__wrap{width:100%;height:auto}.cd-constructor-section .cd-cup-3d__svg{width:100%;height:auto;display:block}.cd-constructor-section .cd-constructor__controls{width:100%}.cd-constructor-section .cd-constructor__card{background:var(--cd-card-bg);padding:24px;border-radius:var(--cd-radius);display:flex;flex-direction:column;gap:22px}.cd-constructor-section .cd-constructor__card h3{font-size:20px;margin-bottom:-4px}.cd-constructor-section .cd-constructor__card .cd-text-muted{color:var(--cd-text-muted);margin-bottom:8px}.cd-constructor-section .cd-constructor__upload{display:flex;flex-direction:column;gap:8px}.cd-constructor-section .cd-constructor__upload-label{display:flex;align-items:center;gap:10px;background:#ffffff0d;padding:12px 16px;border-radius:var(--cd-radius);cursor:pointer;font-size:15px;transition:.25s ease}.cd-constructor-section .cd-constructor__upload-label:hover{background:#ffffff1f}.cd-constructor-section .cd-constructor__upload-input{display:none}.cd-constructor-section .cd-constructor__control{display:flex;flex-direction:column;gap:6px}.cd-constructor-section .cd-constructor__control label{font-size:14px;opacity:.9}.cd-constructor-section .cd-constructor__slider{width:100%;height:4px;background:#445066;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.cd-constructor-section .cd-constructor__slider::-webkit-slider-thumb{width:18px;height:18px;background:var(--cd-accent);border-radius:50%;cursor:pointer;-webkit-appearance:none}.cd-constructor-section .cd-constructor__reset{margin-top:8px;padding:10px 14px;border-radius:var(--cd-radius);border:1px solid var(--cd-accent);color:var(--cd-accent);font-size:15px;cursor:pointer;transition:.25s ease}.cd-constructor-section .cd-constructor__reset:hover{background:var(--cd-accent);color:#000}.cd-constructor-section .cd-constructor__hint{margin-top:12px;display:flex;align-items:center;gap:10px;color:var(--cd-accent);font-size:14px}.cd-constructor-section .cd-constructor__hint svg{flex-shrink:0}.catalog{padding:32px 0;background:#f6f1e9}@media (min-width: 768px){.catalog{padding:60px 0}}@media (min-width: 1200px){.catalog{padding:80px 0}}.catalog__title{font-size:26px;font-weight:700;text-align:center;margin-bottom:28px;color:#222}@media (min-width: 768px){.catalog__title{font-size:36px;margin-bottom:48px}}.catalog__grid{display:grid;gap:12px;grid-template-columns:1fr}@media (min-width: 480px){.catalog__grid{gap:14px}}@media (min-width: 768px){.catalog__grid{grid-template-columns:repeat(3,1fr);gap:24px}}@media (min-width: 1024px){.catalog__grid{grid-template-columns:repeat(4,1fr);gap:28px}}@media (min-width: 1400px){.catalog__grid{grid-template-columns:repeat(4,1fr);gap:32px}}.product-card-link{display:block;color:inherit;text-decoration:none;transition:transform .25s ease}.product-card-link:hover{transform:translateY(-3px)}.product-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 3px 12px #00000014;transition:box-shadow .3s ease;height:100%}.product-card:hover{box-shadow:0 8px 25px #00000029}@media (max-width: 767px){.product-card{display:flex;flex-direction:row;align-items:center;height:auto;min-height:120px}}@media (min-width: 768px){.product-card{display:flex;flex-direction:column}}.product-card__image{flex-shrink:0;background:#f8f8f8}@media (max-width: 767px){.product-card__image{width:100px;height:100px;aspect-ratio:unset}}@media (min-width: 768px){.product-card__image{aspect-ratio:1/1;width:100%}}.product-card__image img{width:100%;height:100%;object-fit:contain;transition:transform .4s ease}.product-card-link:hover .product-card__image img{transform:scale(1.08)}.product-card__info{display:flex;flex-direction:column;justify-content:center;flex-grow:1}@media (max-width: 767px){.product-card__info{padding:12px 14px;min-height:100px}}@media (min-width: 768px){.product-card__info{padding:16px;justify-content:space-between}}.product-card__name{font-size:14px;font-weight:600;line-height:1.3;color:#222;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media (max-width: 767px){.product-card__name{font-size:14.5px;margin-bottom:4px}}@media (min-width: 768px){.product-card__name{font-size:15px;-webkit-line-clamp:3}}@media (min-width: 1024px){.product-card__name{font-size:16px}}.product-card__price{display:flex;flex-direction:column;gap:1px;margin-top:auto}.product-card__price-main{font-size:16px;font-weight:700;color:#e31937}@media (max-width: 767px){.product-card__price-main{font-size:17px}}@media (min-width: 768px){.product-card__price-main{font-size:18px}}.product-card__price-unit{font-size:12px;color:#666;font-weight:500}@media (max-width: 767px){.product-card__price-unit{font-size:12.5px}}@media (min-width: 768px){.product-card__price-unit{font-size:13px}}.catalog-loading{text-align:center;padding:60px 20px;font-size:18px;color:#666}.map-section{padding:28px;margin:0 var(--spacing-md)}@media (max-width: 768px){.map-section{padding:var(--spacing-xl) 0;margin:0 var(--spacing-sm);border-radius:var(--radius-lg)}}.map-wrapper{position:relative;width:100%;height:560px;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 20px 50px #0000001f;border:1px solid rgba(0,0,0,.08)}.map-wrapper iframe{width:100%!important;height:100%!important;border:none}@media (max-width: 992px){.map-wrapper{height:480px}}@media (max-width: 768px){.map-wrapper{height:420px}}.map-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:10}.map-overlay .map-pin{animation:map-bounce 2.5s infinite ease-in-out;margin-bottom:12px}.map-overlay .map-pin svg{filter:drop-shadow(0 8px 20px rgba(59,201,193,.4))}.map-overlay p{background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1a1a1a;font-weight:700;font-size:18px;padding:10px 20px;border-radius:50px;display:inline-block;box-shadow:0 8px 25px #00000026}@keyframes map-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.map-section .section-title{text-align:center;margin-bottom:28px}.map-section .section-title h2{font-size:32px;font-weight:800;background:#008b9d;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.map-section .section-title p{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:720px;margin:16px auto 0}@media (max-width: 768px){.map-section .section-title h2{font-size:var(--font-size-2xl)}}.delivery-section{background:#fff;padding:40px 0;text-align:center}@media (min-width: 768px){.delivery-section{padding:60px 0}}.delivery-section__title{font-size:24px;font-weight:700;color:#222;margin-bottom:20px}@media (min-width: 768px){.delivery-section__title{font-size:32px;margin-bottom:28px}}.delivery-section__text{font-size:16px;line-height:1.6;color:#555;max-width:800px;margin:0 auto;padding:0 20px}@media (min-width: 768px){.delivery-section__text{font-size:17px;padding:0 40px}}.delivery-section__divider{width:100px;height:2px;background:#e31937;margin:32px auto 0;opacity:.8;transition:width .3s ease}.delivery-section__divider:hover{width:150px}@media (min-width: 768px){.delivery-section__divider{margin-top:40px}}.footer{background-color:var(--color-surface);padding:var(--spacing-xl) 0;margin-top:var(--spacing-2xl);border-top:1px solid var(--color-border-subtle)}.footer__inner{display:flex;justify-content:space-between;align-items:center}.footer__brand{flex:1}.footer__logo{font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.5px;margin-bottom:var(--spacing-xs)}.footer__copyright{font-size:14px;color:var(--color-text-muted)}.footer__nav{display:flex;gap:var(--spacing-md)}.footer__nav-link{color:var(--color-text-muted);font-size:var(--font-size-base);font-weight:500}.footer__nav-link:hover{color:var(--color-accent)}@media (max-width: 768px){.section{padding:var(--spacing-lg) 0}.section__title{font-size:var(--font-size-2xl)}.section__subtitle{font-size:var(--font-size-base)}.header__nav{gap:var(--spacing-sm)}.header__nav-link{font-size:14px}.hero{padding:var(--spacing-xl) 0}.hero__inner{flex-direction:column;gap:var(--spacing-lg)}.hero__title{font-size:var(--font-size-2xl)}.hero__subtitle{font-size:var(--font-size-base)}.hero__buttons{flex-direction:column;width:100%}.hero__buttons .btn{width:100%}.hero__visual{flex:0 0 auto;width:100%}.hero__cup-mockup{height:300px}.about__features{grid-template-columns:1fr}.constructor__mockups{flex-wrap:wrap}.catalog__grid,.contacts__layout{grid-template-columns:1fr}}.footer{padding:var(--spacing-2xl) 0 var(--spacing-xl);background-color:var(--color-surface);border-top:1px solid rgba(255,255,255,.08);color:var(--color-text-muted)}.footer__inner{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.footer__logo{font-size:28px;font-weight:800;background:#3bc9c1;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer__copyright{font-size:14px;opacity:.8}.footer__nav{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center}.footer__nav-link{background:none;color:var(--color-text-muted);font-weight:500;font-size:16px;transition:all .3s ease}.footer__nav-link:hover{color:#3bc9c1;transform:translateY(-2px)}.footer__social{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center}.footer__phone{display:flex;align-items:center;gap:10px;color:#3bc9c1;font-weight:600;font-size:18px;transition:all .3s ease}.footer__phone:hover{color:#3bc9c1;transform:scale(1.05)}.footer__phone svg{width:22px;height:22px;color:#3bc9c1}.footer__social-links{display:flex;gap:20px}.footer__social-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#3bc9c126;border-radius:50%;color:#3bc9c1;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.footer__social-link svg{width:24px;height:24px}.footer__social-link:hover{background:#3bc9c1;color:#fff;transform:translateY(-6px) scale(1.1);box-shadow:0 12px 30px #3bc9c166}.footer__social-link:active{transform:translateY(-4px) scale(1.05)}.product-page{padding:32px 0 48px}@media (min-width: 768px){.product-page{padding:48px 0 64px}}@media (min-width: 1200px){.product-page{padding:64px 0 80px}}.breadcrumbs{margin-bottom:20px;font-size:14px;color:#666;text-align:center}.breadcrumbs a{color:#666;text-decoration:none;transition:color .2s}.breadcrumbs a:hover{color:#3bc9c1}.breadcrumbs span{color:#222;font-weight:600}@media (min-width: 768px){.breadcrumbs{margin-bottom:28px;font-size:15px;text-align:left}}.product-page__content{display:flex;flex-direction:column;gap:32px}@media (min-width: 992px){.product-page__content{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}}@media (min-width: 1200px){.product-page__content{gap:64px}}.product-page__gallery{width:100%;max-width:420px;margin:0 auto;border-radius:20px;overflow:hidden;background:#f9f9f9;box-shadow:0 12px 35px #0000001a;aspect-ratio:1/1}@media (min-width: 992px){.product-page__gallery{max-width:none;aspect-ratio:unset}}.product-page__main-image{width:100%;height:100%;object-fit:contain;display:block;background:#f9f9f9}.product-page__info{display:flex;flex-direction:column;gap:24px;text-align:center}@media (min-width: 992px){.product-page__info{text-align:left;gap:28px}}.product-page__title{font-size:24px;font-weight:800;line-height:1.25;color:#222;margin:0}@media (min-width: 768px){.product-page__title{font-size:30px}}@media (min-width: 1200px){.product-page__title{font-size:36px}}.product-page__code{font-size:15px;color:#555}.product-page__code strong{color:#222;font-weight:600}@media (min-width: 768px){.product-page__code{font-size:16px}}.product-page__buybox{background:#f8f8f8;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:20px;border:1px solid #eee;box-shadow:0 4px 15px #0000000d}@media (min-width: 768px){.product-page__buybox{padding:24px}}.product-page__price{display:flex;flex-direction:column;align-items:center;gap:6px}@media (min-width: 992px){.product-page__price{flex-direction:row;align-items:baseline}}.price-current{font-size:32px;font-weight:800;color:#e31937}@media (min-width: 768px){.price-current{font-size:38px}}.price-unit{font-size:16px;color:#666;font-weight:500}@media (min-width: 768px){.price-unit{font-size:17px}}.quantity-block{display:flex;align-items:center;justify-content:center;gap:20px;background:#fff;border:2px solid #eee;border-radius:14px;padding:8px 16px;width:fit-content;margin:0 auto;box-shadow:0 4px 12px #0000000f}.quantity-block .qty-btn{width:42px;height:42px;border:none;background:transparent;font-size:24px;font-weight:700;color:#333;cursor:pointer;border-radius:10px;transition:all .2s}.quantity-block .qty-btn:hover{background:#3bc9c1;color:#fff}.quantity-block .qty-btn:active{transform:scale(.92)}.quantity-block .qty-value{min-width:50px;text-align:center;font-size:20px;font-weight:700;color:#222}.total-price-block{text-align:center;font-size:18px;font-weight:600;padding-top:12px;border-top:2px dashed #ddd}.total-price-block strong{font-size:26px;color:#e31937;font-weight:800}@media (min-width: 768px){.total-price-block{font-size:19px}.total-price-block strong{font-size:28px}}.product-page__actions{display:flex;flex-direction:column;gap:14px}@media (min-width: 480px){.product-page__actions{flex-direction:row}}.btn-primary,.btn-whatsapp{padding:16px 24px;border-radius:14px;font-size:17px;font-weight:700;text-align:center;transition:all .3s ease;border:none}.btn-primary.btn-full,.btn-whatsapp.btn-full{width:100%}@media (min-width: 480px){.btn-primary.btn-full,.btn-whatsapp.btn-full{width:auto;flex:1}}.btn-primary{background:#3bc9c1;color:#fff;box-shadow:0 8px 25px #3bc9c14d}.btn-primary:hover{background:#34b8b0;transform:translateY(-4px);box-shadow:0 14px 35px #3bc9c166}.btn-whatsapp{background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px}.btn-whatsapp:before{content:"WhatsApp";font-weight:700}.btn-whatsapp:hover{background:#1da851;transform:translateY(-4px)}.product-page__description{margin-top:32px;line-height:1.7;color:#444;font-size:16px;text-align:center}@media (min-width: 992px){.product-page__description{text-align:left;margin-top:40px;font-size:16.5px}}.product-page__description h3{font-size:20px;margin:0 0 16px;color:#222;font-weight:700}@media (min-width: 768px){.product-page__description h3{font-size:22px}}.loading{text-align:center;padding:100px 20px;font-size:18px;color:#666}.cart-page{padding:32px 0 60px;margin-top:60px}@media (min-width: 768px){.cart-page{padding:48px 0 80px}}.cart-empty{text-align:center;padding:80px 20px}.cart-empty h1{font-size:28px;margin-bottom:16px;color:#222}.cart-empty p{font-size:16px;color:#666;margin-bottom:32px}.cart-empty .btn-primary{padding:16px 32px;font-size:17px}.cart-items{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}@media (min-width: 768px){.cart-items{gap:24px}}.cart-item{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column}@media (min-width: 640px){.cart-item{flex-direction:row;align-items:stretch}}.cart-item__image,.cart-item__placeholder{width:100%;height:180px;object-fit:contain;background:#f9f9f9;flex-shrink:0}@media (min-width: 640px){.cart-item__image,.cart-item__placeholder{width:160px;height:auto}}@media (min-width: 992px){.cart-item__image,.cart-item__placeholder{width:180px}}.cart-item__placeholder{display:flex;align-items:center;justify-content:center;color:#aaa;font-size:14px;background:#f5f5f5}.cart-item__info{padding:16px;display:flex;flex-direction:column;justify-content:space-between;flex:1}@media (min-width: 768px){.cart-item__info{padding:20px}}.cart-item__name{font-size:16px;font-weight:600;margin:0 0 8px;color:#222;line-height:1.4}@media (min-width: 768px){.cart-item__name{font-size:18px}}.cart-item__code{font-size:13px;color:#777;margin:0 0 12px}@media (min-width: 768px){.cart-item__code{font-size:14px}}.quantity-selector{display:flex;align-items:center;gap:12px;background:#f8f8f8;border:1px solid #ddd;border-radius:10px;width:fit-content;padding:6px 10px;margin:12px 0}.quantity-selector button{width:36px;height:36px;border:none;background:#fff;font-size:20px;font-weight:700;color:#333;border-radius:8px;cursor:pointer;transition:all .2s}.quantity-selector button:hover:not(:disabled){background:#e31937;color:#fff}.quantity-selector button:disabled{opacity:.4;cursor:not-allowed}.quantity-selector .quantity-value{min-width:44px;text-align:center;font-weight:600;font-size:17px}.cart-item__price{font-size:14px;color:#666;margin:8px 0}@media (min-width: 768px){.cart-item__price{font-size:15px}}.cart-item__total{margin:12px 0 16px}.cart-item__total strong{font-size:20px;color:#e31937}@media (min-width: 768px){.cart-item__total strong{font-size:22px}}.remove-btn{align-self:flex-start;background:transparent;border:none;color:#999;font-size:14px;cursor:pointer;padding:8px 0;transition:color .2s}.remove-btn:hover{color:#e31937}.cart-summary{background:#fff;border-radius:16px;padding:24px;box-shadow:0 6px 30px #0000001a;border:1px solid #eee}@media (min-width: 768px){.cart-summary{padding:32px}}.cart-total{text-align:center;margin-bottom:28px;padding-bottom:20px;border-bottom:2px dashed #ddd}.cart-total h2{font-size:26px;margin:0;color:#222}@media (min-width: 768px){.cart-total h2{font-size:32px}}.cart-actions{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}@media (min-width: 480px){.cart-actions{flex-direction:row}}.btn-primary.btn-lg{padding:18px 24px;font-size:18px;font-weight:700}.btn-secondary{background:transparent;color:#666;border:2px solid #ddd;padding:16px 20px;font-weight:600;transition:all .3s}.btn-secondary:hover{border-color:#e31937;color:#e31937}.cart-note{background:#f0f8ff;border-radius:12px;padding:18px;font-size:14px;line-height:1.6;color:#333;border-left:4px solid #e31937}.cart-note p{margin:0}.cart-note p strong{color:#e31937}@media (min-width: 768px){.cart-note{font-size:15px;padding:22px}}.checkout-page{min-height:80vh;padding:60px 20px;background:linear-gradient(135deg,#f6f1e9,#fff)}.checkout-page .container{max-width:1200px;margin:0 auto}.checkout-page h1{font-size:36px;color:#2b2620;margin-bottom:40px;text-align:center}.checkout-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px}.checkout-form{background:#fff;padding:40px;border-radius:24px;box-shadow:0 10px 30px #00000014}.form-group{margin-bottom:24px}.form-group label{display:block;font-weight:600;color:#2b2620;margin-bottom:8px;font-size:16px}.form-input,.form-textarea{width:100%;padding:12px 16px;border:2px solid #e3fbfa;border-radius:12px;font-size:16px;font-family:inherit;transition:all .3s ease;color:#2b2620}.form-input:focus,.form-textarea:focus{outline:none;border-color:#32c7c2;box-shadow:0 0 0 3px #32c7c21a}.form-textarea{resize:vertical;min-height:100px}.error-message{background:#ff4b4b;color:#fff;padding:12px 16px;border-radius:12px;margin-bottom:24px;font-size:14px}.btn-lg{padding:16px 32px;font-size:18px;font-weight:600;width:100%;margin-top:24px}.btn-primary{background:#008b9d;color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease}.btn-primary:hover:not(:disabled){background:#0094a0;transform:translateY(-2px);box-shadow:0 10px 30px #008b9d4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#e3fbfa;color:#008b9d;border:2px solid #d7f7f5;border-radius:12px;cursor:pointer;transition:all .3s ease;padding:12px 24px;margin-top:12px;text-decoration:none;display:inline-block;font-weight:600}.btn-secondary:hover{background:#d7f7f5;border-color:#32c7c2}.checkout-summary{background:#fff;padding:40px;border-radius:24px;box-shadow:0 10px 30px #00000014;height:fit-content;position:sticky;top:100px}.checkout-summary h2{font-size:24px;color:#2b2620;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e3fbfa}.order-items{margin-bottom:30px;max-height:400px;overflow-y:auto}.order-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.order-item__info{flex:1}.order-item__name{font-weight:600;color:#2b2620;margin:0 0 4px;font-size:14px}.order-item__quantity{color:#8a7b6a;margin:0;font-size:13px}.order-item__price{font-weight:600;color:#32c7c2;margin:0;text-align:right;min-width:100px}.order-total{background:#f6f1e9;padding:20px;border-radius:12px;margin-top:24px;text-align:center}.order-total h3{color:#2b2620;margin:0 0 8px;font-size:16px}.total-price{font-size:32px;font-weight:700;color:#008b9d;margin:0}.cart-empty{text-align:center}.cart-empty h1{font-size:32px;margin-bottom:16px}.cart-empty p{color:#8a7b6a;font-size:18px;margin-bottom:32px}@media (max-width: 900px){.checkout-layout{grid-template-columns:1fr}.checkout-summary{position:relative;top:auto}.checkout-form,.checkout-summary{padding:24px}.checkout-page h1{font-size:28px}}@media (max-width: 480px){.checkout-page{padding:30px 12px}.checkout-form,.checkout-summary{padding:16px}.checkout-page h1{font-size:24px;margin-bottom:24px}.checkout-layout{gap:20px}.form-input,.form-textarea{padding:10px 12px;font-size:16px}.btn-lg{padding:14px 16px;font-size:16px}.total-price{font-size:24px}}.payment-result-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#f6f1e9,#fff)}.payment-result-card{background:#fff;border-radius:24px;padding:60px 40px;box-shadow:0 20px 60px #0000001a;text-align:center;max-width:500px;width:100%}.status-icon{font-size:72px;margin-bottom:20px;display:block}.status-icon.loading{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-icon.success{color:#32c7c2}.status-icon.error{color:#ff4b4b}.payment-result-card h1{font-size:32px;margin-bottom:16px;color:#2b2620}.payment-result-card p{color:#8a7b6a;margin-bottom:24px;line-height:1.6}.order-details{background:#f6f1e9;border-radius:16px;padding:24px;margin:30px 0;text-align:left}.order-details h2{color:#2b2620;margin-bottom:16px;font-size:18px}.order-details p{margin-bottom:12px;font-size:16px;color:#2b2620}.delivery-note{color:#008b9d!important;font-style:italic;margin-top:16px}.payment-result-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.payment-result-actions a,.payment-result-actions button{flex:1;min-width:150px;padding:12px 24px;text-decoration:none;border-radius:12px;font-weight:600;transition:all .3s ease;cursor:pointer;border:none;display:inline-block;text-align:center}.payment-result-actions .btn-primary{background:#008b9d;color:#fff}.payment-result-actions .btn-primary:hover{background:#0094a0}.payment-result-actions .btn-secondary{background:#e3fbfa;color:#008b9d}.payment-result-actions .btn-secondary:hover{background:#d7f7f5}@media (max-width: 600px){.payment-result-card{padding:40px 24px}.status-icon{font-size:56px}.payment-result-card h1{font-size:24px}.payment-result-actions{flex-direction:column}.payment-result-actions a,.payment-result-actions button{min-width:unset}}
