:root{--bg-body:#F5F7FA;--bg-card:#fff;--brand-main:#0284c7;--brand-hover:#0369a1;--brand-glow:rgba(2,132,199,.2);--text-heading:#0f172a;--text-main:#334155;--text-muted:#64748b;--border-light:rgba(15,23,42,.06);--accent-green:#10b981;--accent-orange:#f59e0b;--accent-red:#ef4444;--radius-btn:10px;--radius-card:20px;--radius-pill:100px;--shadow-float:0 10px 40px rgba(15,23,42,.06);--shadow-hover:0 20px 40px rgba(2,132,199,.12);--transition:all .4s cubic-bezier(.16,1,.3,1);--container:1440px}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased}
body{background:var(--bg-body);color:var(--text-main);font-size:15px;line-height:1.6;overflow-x:clip}
h1,h2,h3,h4{font-family:'Outfit',sans-serif;color:var(--text-heading);letter-spacing:-.02em}
a{text-decoration:none;color:inherit;transition:var(--transition)}
button{font-family:inherit;outline:none;cursor:pointer}
.container{max-width:var(--container);margin:0 auto;padding:0 40px}

/* TOP BAR */
.top-bar{background:#f8fafc;color:#64748b;font-size:13px;padding:8px 0;display:none;border-bottom:1px solid #e2e8f0}
@media(min-width:1025px){.top-bar{display:block}}
.top-bar-inner{display:flex;justify-content:space-between;align-items:center}
.top-nav{display:flex;gap:24px;list-style:none}
.top-nav a:hover{color:var(--brand-main)}
.top-contact{display:flex;gap:24px;align-items:center}
.top-contact a{font-weight:600;color:var(--text-heading)}
.b2b-badge{background:#eff6ff;padding:4px 12px;border-radius:var(--radius-pill);font-weight:600;color:var(--brand-main);border:1px solid #bfdbfe;display:flex;align-items:center;gap:6px}

/* HEADER */
.header-main{background:#fff;padding:18px 0;position:sticky;top:0;z-index:1000;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 12px rgba(15,23,42,.04);overflow:visible}
.header-grid{display:flex;align-items:center;gap:32px;overflow:visible}
.logo{font-family:'Outfit',sans-serif;font-size:30px;font-weight:900;color:var(--text-heading);letter-spacing:-1px;display:flex;align-items:center;gap:12px;flex-shrink:0}
.logo-box{width:36px;height:36px;background:linear-gradient(135deg,var(--brand-main),#38bdf8);border-radius:12px;box-shadow:0 8px 20px rgba(2,132,199,.3);display:grid;place-items:center;color:#fff;font-size:18px}

/* CATALOG */
.catalog-wrapper{position:relative}
.btn-catalog{background:var(--brand-main);color:#fff;border:none;border-radius:var(--radius-btn);padding:0 28px;height:52px;font-size:15px;font-weight:600;font-family:'Outfit',sans-serif;display:flex;align-items:center;gap:12px;transition:var(--transition);white-space:nowrap;box-shadow:0 4px 16px rgba(2,132,199,.2)}
.catalog-wrapper:hover .btn-catalog{background:var(--brand-hover);box-shadow:0 8px 24px rgba(2,132,199,.32);transform:translateY(-2px)}
.mega-menu{position:absolute;top:calc(100% + 16px);left:0;width:min(calc(100vw - 80px),1100px);background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(15,23,42,.1);opacity:0;visibility:hidden;transform:translateY(15px) scale(.98);transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;min-height:420px;overflow:hidden;z-index:1001;border:1px solid #e2e8f0}
.catalog-wrapper:hover .mega-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.mega-sidebar{width:260px;background:rgba(248,250,252,.8);border-right:1px solid var(--border-light);padding:16px 0;flex-shrink:0}
.cat-item{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;font-size:14px;font-weight:600;color:var(--text-heading);cursor:pointer;transition:var(--transition);border-left:3px solid transparent}
.cat-item-left{display:flex;align-items:center;gap:14px}
.cat-item-left i{font-size:18px;color:var(--text-muted);width:20px;text-align:center;transition:var(--transition)}
.cat-item .fa-chevron-right{font-size:11px;color:#cbd5e1;transition:var(--transition)}
.cat-item:hover,.cat-item.active{background:#fff;color:var(--brand-main);border-left-color:var(--brand-main)}
.cat-item:hover .cat-item-left i,.cat-item.active .cat-item-left i{color:var(--brand-main)}
.mega-content{flex-grow:1;padding:24px 32px;overflow-y:auto;max-height:540px}
.mega-panel{display:none;height:100%}
.mega-panel.active{display:flex;flex-direction:column;gap:0}
.mega-panel-header{padding:0 0 16px;border-bottom:1px solid var(--border-light);margin-bottom:20px}
.mega-panel-title{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--brand-main);padding:7px 16px;background:#f0f9ff;border-radius:var(--radius-pill);transition:var(--transition)}
.mega-panel-title:hover{background:var(--brand-main);color:#fff}
.sub-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:24px 16px;align-content:start}
.sub-cat-title{display:block;font-size:14px;font-weight:700;color:var(--text-heading);margin-bottom:10px;font-family:'Outfit',sans-serif;transition:var(--transition);padding-bottom:6px;border-bottom:2px solid #f1f5f9}
.sub-cat-title:hover{color:var(--brand-main);border-bottom-color:var(--brand-main)}
.sub-cat-list{display:flex;flex-direction:column;gap:7px}
.sub-cat-link{font-size:13px;color:var(--text-muted);font-weight:500;transition:var(--transition);line-height:1.4}
.sub-cat-link:hover{color:var(--brand-main);padding-left:5px}
.sub-cat-link--bold{font-weight:700;color:var(--text-heading)}
.sub-cat-link--bold:hover{color:var(--brand-main)}
.sub-cat-more{color:var(--brand-main);font-weight:600;font-size:12px;margin-top:2px}
.sub-cat-more:hover{padding-left:5px}

/* SEARCH */
.search-area{flex-grow:1;position:relative}
.search-form{display:flex;align-items:center;position:relative}
.search-icon-left{position:absolute;left:18px;font-size:15px;color:#94a3b8;pointer-events:none;z-index:2;transition:color .2s}
.search-area:focus-within .search-icon-left{color:var(--brand-main)}
.search-input{width:100%;height:52px;border:2px solid transparent;background:#f1f5f9;border-radius:var(--radius-pill);padding:0 56px 0 46px;font-size:14px;outline:none;transition:var(--transition);color:var(--text-heading);font-family:'Inter',sans-serif}
.search-input::placeholder{color:#94a3b8}
.search-input:focus{background:#fff;border-color:var(--brand-main);box-shadow:0 0 0 4px var(--brand-glow)}
.search-btn{position:absolute;right:6px;top:6px;bottom:6px;width:42px;background:var(--brand-main);color:#fff;border:none;border-radius:50%;font-size:15px;cursor:pointer;transition:var(--transition);display:grid;place-items:center}
.search-btn:hover{background:var(--brand-hover);transform:scale(1.08)}

/* SEARCH DROPDOWN */
.search-dropdown{
    position:absolute;
    top:calc(100% + 8px);
    left:0;
    right:0;
    background:#fff;
    border-radius:20px;
    box-shadow:0 16px 48px rgba(15,23,42,.14),0 0 0 1px rgba(15,23,42,.06);
    z-index:99999;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    transform:translateY(-6px);
    transition:opacity .2s ease, transform .2s cubic-bezier(.16,1,.3,1), visibility .2s;
}
.search-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}
.sd-loading{padding:16px 20px;display:none;align-items:center;gap:10px;color:#94a3b8;font-size:14px;font-weight:500}
.sd-results{max-height:480px;overflow-y:auto}
.sd-results::-webkit-scrollbar{width:4px}
.sd-results::-webkit-scrollbar-track{background:transparent}
.sd-results::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}

/* Result item */
.sd-item{
    display:flex;align-items:center;gap:14px;
    padding:12px 16px;text-decoration:none;
    transition:background .15s;
    border-bottom:1px solid #f8fafc;
    cursor:pointer;
}
.sd-item:last-child{border-bottom:none}
.sd-item:hover,.sd-item.active{background:#f8fafc}
.sd-item-img{
    width:52px;height:52px;flex-shrink:0;
    background:#f1f5f9;border-radius:10px;
    display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.sd-item-img img{max-width:80%;max-height:80%;object-fit:contain}
.sd-item-img i{font-size:22px;color:#cbd5e1}
.sd-item-body{flex:1;min-width:0}
.sd-item-name{font-size:13px;font-weight:600;color:#1d1d1f;line-height:1.3;margin-bottom:4px;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sd-item-name mark{background:none;color:var(--brand-main);font-weight:800}
.sd-item-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sd-item-brand{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}
.sd-item-sku{font-size:11px;color:#cbd5e1}
.sd-item-cat{font-size:11px;color:#94a3b8;
    background:#f1f5f9;padding:2px 6px;border-radius:4px}
.sd-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}
.sd-item-price{font-family:'Outfit',sans-serif;font-size:15px;font-weight:800;color:#1d1d1f;letter-spacing:-.3px}
.sd-item-stock{font-size:11px;font-weight:600;color:#10b981}
.sd-item-stock.out{color:#94a3b8}

/* Footer & empty */
.sd-footer{border-top:1px solid #f1f5f9;padding:12px 16px}
.sd-all-link{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--brand-main);text-decoration:none;transition:gap .2s}
.sd-all-link:hover{gap:12px}
.sd-all-link i{font-size:12px}
.sd-empty{padding:28px 20px;display:flex;align-items:center;gap:10px;color:#94a3b8;font-size:14px}
.sd-empty i{font-size:20px}

/* USER ACTIONS */
.user-actions{display:flex;gap:24px;align-items:center}
.action-item{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;color:var(--text-heading);transition:var(--transition);position:relative}
.action-item:hover{color:var(--brand-main);transform:translateY(-3px)}
.a-icon{font-size:22px;position:relative}
.a-badge{position:absolute;top:-8px;right:-12px;background:var(--accent-orange);color:#fff;font-size:11px;font-weight:800;font-family:'Outfit';min-width:20px;height:20px;display:grid;place-items:center;border-radius:10px;border:2px solid #fff}
.a-badge--blue{background:var(--brand-main)}
.a-text{font-size:12px;font-weight:600}

/* BOTTOM NAV */
.bottom-nav{background:#fff;border-bottom:1px solid #e2e8f0;display:none;position:relative;z-index:100}
@media(min-width:1025px){.bottom-nav{display:block}}
.bottom-nav-list{display:flex;justify-content:center;gap:36px;list-style:none}
.bottom-nav-list a{display:block;padding:14px 0;font-size:13px;font-weight:600;color:var(--text-heading);position:relative;text-transform:uppercase;letter-spacing:.5px}
.bottom-nav-list a.hot{color:var(--brand-main)}
.bottom-nav-list a:hover{color:var(--brand-main)}
.bottom-nav-list a::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:3px;border-radius:3px 3px 0 0;background:var(--brand-main);transition:var(--transition)}
.bottom-nav-list a:hover::after{width:100%}

/* MOBILE HEADER */
.mobile-header{display:none}
.page-content{padding:25px 0 30px}

/* HERO */
.hero-section{position:relative;margin-bottom:80px}
.hero-banner{min-height:520px;background:#0f172a;border-radius:32px;overflow:hidden;position:relative;display:flex;align-items:center;padding:80px;box-shadow:0 24px 60px rgba(15,23,42,.2)}
.hero-banner::before{content:'';position:absolute;top:-100px;left:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(56,189,248,.4) 0%,transparent 70%);filter:blur(40px)}
.hero-banner::after{content:'';position:absolute;bottom:-200px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(139,92,246,.4) 0%,transparent 70%);filter:blur(60px)}
.hero-content{position:relative;z-index:2;max-width:560px}
.hero-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);padding:8px 20px;border-radius:var(--radius-pill);font-size:13px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:24px}
.hero-title{font-size:62px;line-height:1.05;margin-bottom:24px;color:#fff;font-weight:900}
.hero-title span{background:linear-gradient(135deg,#38bdf8 0%,#818cf8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-desc{font-size:17px;color:#cbd5e1;margin-bottom:40px;line-height:1.7}
.hero-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.hero-btn{background:#fff;color:var(--text-heading);border:none;padding:0 36px;height:58px;border-radius:var(--radius-pill);font-size:16px;font-weight:700;font-family:'Outfit';cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:12px;box-shadow:0 10px 25px rgba(255,255,255,.2)}
.hero-btn:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(255,255,255,.3)}
.hero-btn-outline{background:rgba(255,255,255,.07);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:0 36px;height:58px;border-radius:var(--radius-pill);font-size:16px;font-weight:700;font-family:'Outfit';cursor:pointer;transition:var(--transition)}
.hero-btn-outline:hover{background:rgba(255,255,255,.15);border-color:#fff;transform:translateY(-2px)}
.hero-image{position:absolute;right:40px;top:50%;transform:translateY(-50%);font-size:380px;color:rgba(255,255,255,.025);z-index:1;filter:drop-shadow(0 40px 40px rgba(0,0,0,.5));transition:transform .5s ease}
.hero-banner:hover .hero-image{transform:translateY(-55%) scale(1.05)}

/* ADVANTAGES */
.advantages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;z-index:10;margin-top:-60px;padding:0 32px}
.adv-card{background:rgba(255,255,255,.92);backdrop-filter:blur(20px);padding:28px;border-radius:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 40px rgba(15,23,42,.08);border:1px solid rgba(255,255,255,.6);transition:var(--transition)}
.adv-card:hover{transform:translateY(-8px);box-shadow:0 30px 50px rgba(2,132,199,.12)}
.adv-icon{width:52px;height:52px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:var(--brand-main);border-radius:14px;display:grid;place-items:center;font-size:22px}
.adv-text h4{font-size:17px;margin-bottom:6px;font-weight:800}
.adv-text p{font-size:13px;color:var(--text-muted);line-height:1.5}

/* SECTION HEADER */
.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin:100px 0 40px}
.section-title{font-size:38px;font-weight:900}
.view-all{font-family:'Outfit';font-size:15px;font-weight:700;color:var(--brand-main);display:flex;align-items:center;gap:8px;padding:12px 24px;background:#f0f9ff;border-radius:var(--radius-pill);transition:var(--transition)}
.view-all:hover{background:var(--brand-main);color:#fff;gap:14px}

/* BENTO GRID */
.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:280px;gap:24px;overflow:hidden}
.bento-card{background:var(--bg-card);border-radius:32px;padding:40px;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;position:relative;box-shadow:var(--shadow-float);transition:var(--transition);border:1px solid rgba(255,255,255,.8)}
.bento-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:var(--shadow-hover)}
.bento-card.large{grid-column:span 2}
.bc-title{font-size:30px;font-weight:800;color:var(--text-heading);position:relative;z-index:2;width:80%;line-height:1.1;margin-bottom:16px}
.bc-title.white{color:#fff}
.bc-link{font-family:'Outfit';font-size:14px;font-weight:700;color:var(--brand-main);position:relative;z-index:2;margin-top:auto;align-self:flex-start;display:flex;align-items:center;gap:8px;background:#fff;padding:8px 16px;border-radius:var(--radius-pill);box-shadow:0 4px 12px rgba(0,0,0,.05);transition:var(--transition)}
.bento-card:hover .bc-link{gap:12px}
.bc-icon{position:absolute;right:-20px;bottom:-20px;font-size:180px;z-index:1;transition:var(--transition)}
.bento-card:hover .bc-icon{transform:scale(1.1) rotate(-8deg)}

/* PRODUCTS GRID */
.products-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.product-card{background:var(--bg-card);border-radius:28px;padding:24px;display:flex;flex-direction:column;position:relative;transition:var(--transition);border:1px solid var(--border-light);box-shadow:0 4px 20px rgba(15,23,42,.04)}
.product-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(2,132,199,.12);border-color:transparent;z-index:10}
.p-image-wrap{background:#f8fafc;border-radius:20px;padding:24px;height:210px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;margin-bottom:20px;transition:var(--transition)}
.product-card:hover .p-image-wrap{background:#f1f5f9}
.p-badges{position:absolute;top:14px;left:14px;display:flex;flex-direction:column;gap:6px;z-index:3}
.badge{padding:5px 10px;border-radius:8px;font-size:11px;font-weight:800;font-family:'Outfit';text-transform:uppercase;letter-spacing:.5px;color:#fff}
.b-hit{background:linear-gradient(135deg,#f59e0b,#d97706)}
.b-new{background:linear-gradient(135deg,#0ea5e9,#0284c7)}
.b-sale{background:linear-gradient(135deg,#ef4444,#b91c1c)}
.p-actions{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;gap:8px;transform:translateX(20px);opacity:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:3}
.product-card:hover .p-actions{transform:translateX(0);opacity:1}
.p-btn{width:34px;height:34px;background:rgba(255,255,255,.9);backdrop-filter:blur(4px);border:1px solid rgba(0,0,0,.05);border-radius:50%;color:var(--text-heading);display:grid;place-items:center;font-size:13px;cursor:pointer;transition:var(--transition)}
.p-btn:hover{background:var(--text-heading);color:#fff;transform:scale(1.1)}

.p-image-wrap:hover 

.p-icon{font-size:100px;color:#cbd5e1;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.product-card:hover .p-icon{transform:scale(1.1) translateY(-4px);color:#94a3b8}
.p-img{max-width:100%;max-height:160px;object-fit:contain;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.product-card:hover .p-img{transform:scale(1.08) translateY(-4px)}
.p-info{display:flex;flex-direction:column;flex-grow:1}
.p-status{font-size:12px;font-weight:700;color:var(--accent-green);margin-bottom:8px;display:flex;align-items:center;gap:6px}
.p-status::before{content:'';width:6px;height:6px;background:var(--accent-green);border-radius:50%;display:inline-block}
.p-status.out{color:var(--text-muted)}
.p-status.out::before{background:var(--text-muted)}
/* Під замовлення (preorder) — помаранчевий з пульсацією */
.p-status.preorder{color:var(--accent-orange)}
.p-status.preorder::before{background:var(--accent-orange);animation:preorder-pulse .9s ease-in-out infinite}
@keyframes preorder-pulse{0%,100%{opacity:1;box-shadow:0 0 0 2px rgba(245,158,11,.12)}50%{opacity:.7;box-shadow:0 0 0 4px rgba(245,158,11,.04)}}
/* Дата відвантаження — рядок під статусом */
.p-ship-date{font-size:11px;color:var(--accent-orange);font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:4px}
.p-title{font-size:14px;font-weight:600;color:var(--text-heading);line-height:1.4;margin-bottom:16px;height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:var(--transition)}
.product-card:hover .p-title{color:var(--brand-main)}
.p-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end}
.p-prices{display:flex;flex-direction:column}
.p-old{font-size:13px;color:var(--text-muted);text-decoration:line-through;margin-bottom:2px;font-weight:500}
.p-current{font-family:'Outfit',sans-serif;font-size:22px;font-weight:800;color:var(--text-heading);line-height:1;letter-spacing:-.5px;transition:var(--transition)}
.p-current.sale{color:var(--accent-red)}
.btn-add{width:46px;height:46px;border-radius:14px;background:var(--bg-body);color:var(--text-heading);border:none;display:grid;place-items:center;font-size:18px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 0 0 1px var(--border-light)}
.product-card:hover .btn-add{background:var(--text-heading);color:#fff;box-shadow:0 10px 20px rgba(15,23,42,.2)}
.btn-add:hover{transform:scale(1.1) rotate(5deg)!important;background:var(--brand-main)!important;color:#fff!important}
/* Preorder — кнопка кошика на картці */
.btn-add--preorder{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important;box-shadow:0 4px 12px rgba(245,158,11,.3)!important}
.btn-add--preorder:hover{background:linear-gradient(135deg,#d97706,#b45309)!important;transform:scale(1.1)!important}

/* BRANDS */
.brands-section{margin:80px 0 20px;padding:40px 0;border-top:1px solid rgba(15,23,42,.05);border-bottom:1px solid rgba(15,23,42,.05);text-align:center}
.brands-label{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:24px}
.brands-track{overflow:hidden;position:relative}
.brands-marquee{display:flex;gap:48px;align-items:center;animation:marquee 20s linear infinite;width:max-content}
.brand-item{font-size:44px;color:var(--text-muted);opacity:.5;transition:var(--transition)}
.brand-text{font-family:'Outfit';font-size:22px;font-weight:800;color:var(--text-muted);opacity:.4;white-space:nowrap}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* FOOTER */
footer{background:#fff;padding:64px 0 40px;margin-top:60px}
.footer-grid{display:grid;grid-template-columns:1.6fr 1.2fr 1fr 1.2fr;gap:48px;margin-bottom:60px;align-items:start}
.footer-col h3{font-size:17px;margin-bottom:28px;color:var(--text-heading);font-weight:800}
.footer-list{list-style:none}
.footer-list li{margin-bottom:14px}
.footer-list a{color:var(--text-muted);font-size:14px;font-weight:500;transition:var(--transition)}
.footer-list a:hover{color:var(--brand-main);padding-left:6px}
.subscribe-box{background:#f8fafc;padding:28px;border-radius:24px;border:1px solid var(--border-light)}
.subscribe-box h4{font-size:17px;margin-bottom:10px;font-weight:800}
.subscribe-box p{font-size:13px;color:var(--text-muted);margin-bottom:20px}
.sub-form{display:flex;gap:8px;background:#fff;padding:6px;border-radius:var(--radius-pill);border:1px solid var(--border-light)}
.sub-input{flex:1;height:42px;border:none;background:transparent;padding:0 14px;outline:none;font-size:14px}
.sub-btn{background:var(--brand-main);color:#fff;border:none;width:42px;height:42px;border-radius:50%;cursor:pointer;transition:var(--transition);display:grid;place-items:center}
.sub-btn:hover{background:var(--text-heading);transform:rotate(15deg)}
.footer-bottom{border-top:1px solid var(--border-light);padding-top:28px;display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:13px;font-weight:500}

/* MOBILE */
@media(max-width:1024px){
.top-bar,.header-main,.bottom-nav{display:none!important}
.container{padding:0 20px}
.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border-light)}
.m-btn{width:44px;height:44px;border-radius:12px;background:#f1f5f9;border:none;display:grid;place-items:center;font-size:18px;color:var(--text-heading);cursor:pointer}
.m-logo{font-family:'Outfit',sans-serif;font-size:22px;font-weight:900;color:var(--text-heading)}
.page-content{padding:18px 0 45px}
.hero-banner{padding:40px 24px;border-radius:24px;min-height:auto}
.hero-image{display:none}
.hero-title{font-size:38px}
.hero-actions{flex-direction:column;width:100%}
.hero-btn,.hero-btn-outline{width:100%;justify-content:center}
.advantages-grid{grid-template-columns:1fr 1fr;margin-top:20px;padding:0;gap:16px}
.adv-card{padding:20px}
.section-header{flex-direction:column;align-items:flex-start;gap:16px;margin:60px 0 28px}
.section-title{font-size:26px}
.bento-grid{grid-template-columns:1fr 1fr;grid-auto-rows:200px;gap:16px}
.bento-card.large{grid-column:span 2}
.bc-title{font-size:22px}
.bc-icon{font-size:130px}
.products-grid{grid-template-columns:repeat(2,1fr);gap:14px}
.p-image-wrap{height:170px;padding:16px}
.p-icon{font-size:80px}
.p-title{font-size:13px;height:38px}
.p-current{font-size:18px}

.footer-grid{grid-template-columns:1fr;gap:36px}
.footer-bottom{flex-direction:column;gap:16px;text-align:center}
.bottom-nav-mobile{display:flex;position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.92);backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.05);z-index:1000;justify-content:space-around;padding:10px 0;padding-bottom:env(safe-area-inset-bottom,10px)}
.b-nav-item{display:flex;flex-direction:column;align-items:center;gap:5px;color:#94a3b8;font-size:11px;font-weight:700;background:transparent;border:none;font-family:'Outfit';text-decoration:none}
.b-nav-item i{font-size:21px}
.b-nav-item.active{color:var(--brand-main)}
}
@media(min-width:1025px){.bottom-nav-mobile{display:none}}

/* CATALOG PAGE */
.breadcrumb{display:flex;align-items:center;gap:10px;padding:24px 0;font-size:13px;color:var(--text-muted)}
.breadcrumb a:hover{color:var(--brand-main)}
.breadcrumb i{font-size:10px}
.catalog-layout{display:grid;grid-template-columns:260px 1fr;gap:32px;margin-bottom:80px}
.catalog-sidebar{flex-shrink:0}
.filter-box{background:#fff;border-radius:20px;padding:24px;border:1px solid var(--border-light);margin-bottom:16px}
.filter-box h3{font-size:15px;font-weight:800;margin-bottom:16px}
.filter-check{display:flex;align-items:center;gap:10px;margin-bottom:10px;cursor:pointer;font-size:14px;color:var(--text-main)}
.filter-check input{accent-color:var(--brand-main);width:16px;height:16px;cursor:pointer}
.catalog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.sort-select{border:1px solid var(--border-light);border-radius:10px;padding:10px 16px;font-size:14px;outline:none;background:#fff;cursor:pointer;font-family:'Inter',sans-serif}
.subcats-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.subcat-pill{background:#f1f5f9;padding:8px 18px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;color:var(--text-heading);transition:var(--transition)}
.subcat-pill:hover{background:var(--brand-main);color:#fff}
@media(max-width:1024px){.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{display:none}}

/* --- HERO SLIDER (����� it-technica.com.ua) --- */
.hero-slider-section{position:relative;margin-bottom:48px;overflow:hidden;border-radius:0}
.hero-slider{position:relative;background:#f0f2f5;overflow:hidden}
.hero-slide{display:none;animation:slideIn .5s ease}
.hero-slide.active{display:block}
@keyframes slideIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}
.slide-inner{display:flex;align-items:center;justify-content:space-between;min-height:480px;padding:60px 80px;gap:40px;max-width:var(--container);margin:0 auto}
.slide-inner.slide-reverse{flex-direction:row-reverse}
.slide-text{flex:0 0 40%;max-width:460px}
.slide-title{font-family:'Outfit',sans-serif;font-size:42px;font-weight:800;color:#1a1a2e;line-height:1.15;margin-bottom:18px;letter-spacing:-.02em}
.slide-desc{font-size:16px;color:#555;line-height:1.7;margin-bottom:32px}
.slide-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#1a1a2e;border:1.5px solid #d0d5dd;padding:13px 28px;border-radius:8px;font-size:15px;font-weight:600;font-family:'Inter',sans-serif;transition:all .3s ease;cursor:pointer}
.slide-btn:hover{background:#0284c7;color:#fff;border-color:#0284c7;transform:translateY(-2px);box-shadow:0 8px 20px rgba(2,132,199,.25)}
.slide-image{flex:0 0 50%;display:flex;align-items:center;justify-content:center}
.slide-image img{max-height:380px;max-width:100%;object-fit:contain;transition:transform .5s ease;filter:drop-shadow(0 20px 40px rgba(0,0,0,.1))}
.hero-slide.active .slide-image img{animation:imgFloat .6s ease forwards}
@keyframes imgFloat{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}

/* ������ */
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.06);color:#444;font-size:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.slider-arrow:hover{background:#0284c7;color:#fff;border-color:#0284c7;box-shadow:0 8px 20px rgba(2,132,199,.3)}
.slider-prev{left:20px}
.slider-next{right:20px}

/* ����� */
.slider-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}
.slider-dot{width:10px;height:10px;border-radius:50%;border:none;background:#c8cdd6;cursor:pointer;transition:all .3s ease;padding:0}
.slider-dot.active{background:#0284c7;width:28px;border-radius:5px}

/* MOBILE */
@media(max-width:1024px){
.slide-inner{flex-direction:column!important;padding:32px 24px;min-height:auto;gap:24px;text-align:center}
.slide-text{max-width:100%;flex:none}
.slide-title{font-size:28px}
.slide-desc{font-size:14px;margin-bottom:20px}
.slide-image{flex:none;width:100%}
.slide-image img{max-height:220px}
.slider-arrow{width:36px;height:36px;font-size:13px}
}

/* ═══ HERO SLIDER — macOS Premium Style ══════════════════════════ */
.hero-slider-section {
  position: relative;
  margin: 0 0 56px;
  overflow: hidden;
}

/* Контейнер слайдера — великий, з сітчастим фоном та градієнтами */
.hero-slider {
  position: relative;
  background: #fafafa;
  min-height: 580px;
  overflow: hidden;
}

/* Сітчастий фон у стилі macOS/Apple */
.hero-slider::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle at 20% 50%, rgba(2,132,199,.07) 0%, transparent 55%),
    radial-gradient(circle at 80% 20%, rgba(139,92,246,.06) 0%, transparent 50%),
    radial-gradient(circle at 60% 80%, rgba(16,185,129,.05) 0%, transparent 50%);
  pointer-events: none;
  z-index: 0;
}

/* Subtle dot-grid pattern */
.hero-slider::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(0,0,0,.045) 1px, transparent 1px);
  background-size: 28px 28px;
  pointer-events: none;
  z-index: 0;
  mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 0%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 0%, transparent 100%);
}

/* Слайд */
.hero-slide {
  display: none;
  position: relative;
  z-index: 1;
}
.hero-slide.active { display: block; }

/* Внутрішній контент */
.slide-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  min-height: 580px;
  max-width: 1360px;
  margin: 0 auto;
  padding: 60px 80px;
  gap: 60px;
}
.slide-inner.slide-reverse { direction: rtl; }
.slide-inner.slide-reverse > * { direction: ltr; }

/* Текстова частина */
.slide-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}

/* Мікро-тег над заголовком */
.slide-tag {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(2,132,199,.09);
  color: #0284c7;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .8px;
  text-transform: uppercase;
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 20px;
  border: 1px solid rgba(2,132,199,.15);
}
.slide-tag i { font-size: 11px; }

/* Заголовок — великий, SF-style */
.slide-title {
  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'SF Pro Display', sans-serif;
  font-size: 54px;
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -1.5px;
  color: #1d1d1f;
  margin-bottom: 20px;
}

/* Акцентний градієнтний span */
.slide-title .accent {
  background: linear-gradient(135deg, var(--slide-accent, #0284c7) 0%, color-mix(in srgb, var(--slide-accent, #38bdf8) 60%, #fff) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline;
}

/* Підзаголовок */
.slide-desc {
  font-size: 17px;
  color: #6e6e73;
  line-height: 1.6;
  margin-bottom: 36px;
  max-width: 420px;
  font-weight: 400;
}

/* Кнопки */
.slide-actions {
  display: flex;
  gap: 14px;
  align-items: center;
  flex-wrap: wrap;
}

.slide-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #1d1d1f;
  color: #fff;
  padding: 14px 30px;
  border-radius: 100px;
  font-size: 15px;
  font-weight: 600;
  font-family: 'Inter', sans-serif;
  border: none;
  cursor: pointer;
  transition: all .35s cubic-bezier(.16,1,.3,1);
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(0,0,0,.15);
}
.slide-btn:hover {
  background: #0284c7;
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 12px 28px rgba(2,132,199,.35);
  color: #fff;
}

.slide-btn-ghost {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,.6);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: #1d1d1f;
  padding: 14px 26px;
  border-radius: 100px;
  font-size: 15px;
  font-weight: 600;
  font-family: 'Inter', sans-serif;
  border: 1px solid rgba(0,0,0,.1);
  cursor: pointer;
  transition: all .35s cubic-bezier(.16,1,.3,1);
  text-decoration: none;
}
.slide-btn-ghost:hover {
  background: rgba(255,255,255,.9);
  border-color: rgba(0,0,0,.2);
  transform: translateY(-2px);
  color: #1d1d1f;
}

/* Ціна під кнопками */
.slide-price {
  margin-top: 24px;
  font-size: 13px;
  color: #86868b;
  display: flex;
  align-items: center;
  gap: 8px;
}
.slide-price strong {
  font-size: 22px;
  font-weight: 800;
  font-family: 'Outfit', sans-serif;
  color: #1d1d1f;
  letter-spacing: -.5px;
}

/* Зображення */
.slide-image {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* Glow ефект під зображенням */
.slide-image::before {
  content: '';
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  height: 60px;
  background: radial-gradient(ellipse, rgba(2,132,199,.2) 0%, transparent 70%);
  filter: blur(20px);
  z-index: 0;
}

.slide-image img {
  max-height: 420px;
  max-width: 100%;
  object-fit: contain;
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 30px 50px rgba(0,0,0,.12));
  transition: transform .6s cubic-bezier(.16,1,.3,1);
}
.hero-slide.active .slide-image img {
  animation: macFloat .7s cubic-bezier(.16,1,.3,1) forwards;
}
@keyframes macFloat {
  from { opacity: 0; transform: translateY(30px) scale(.94); }
  to   { opacity: 1; transform: translateY(0)   scale(1);    }
}
.hero-slide.active .slide-text {
  animation: macFadeIn .6s cubic-bezier(.16,1,.3,1) forwards;
}
@keyframes macFadeIn {
  from { opacity: 0; transform: translateX(-20px); }
  to   { opacity: 1; transform: translateX(0);     }
}

/* Плашка "спеційний" badge на зображенні */
.slide-badge {
  position: absolute;
  top: 28px;
  right: 28px;
  background: rgba(255,255,255,.85);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,.6);
  border-radius: 16px;
  padding: 12px 18px;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  z-index: 2;
  text-align: center;
}
.slide-badge .b-val {
  display: block;
  font-family: 'Outfit', sans-serif;
  font-size: 22px;
  font-weight: 900;
  color: #0284c7;
  letter-spacing: -.5px;
  line-height: 1;
}
.slide-badge .b-label {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: #6e6e73;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-top: 3px;
}

/* ─── Стрілки ──────────────────────────────────────────────── */
.slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(0,0,0,.07);
  color: #1d1d1f;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .3s cubic-bezier(.16,1,.3,1);
  z-index: 20;
  box-shadow: 0 4px 16px rgba(0,0,0,.1);
}
.slider-arrow:hover {
  background: #1d1d1f;
  color: #fff;
  border-color: #1d1d1f;
  transform: translateY(-50%) scale(1.08);
  box-shadow: 0 8px 24px rgba(0,0,0,.2);
}
.slider-prev { left: 28px; }
.slider-next { right: 28px; }

/* ─── Точки ────────────────────────────────────────────────── */
.slider-dots {
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 20;
  background: rgba(255,255,255,.6);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 8px 14px;
  border-radius: 100px;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 4px 12px rgba(0,0,0,.06);
}
.slider-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: none;
  background: rgba(0,0,0,.2);
  cursor: pointer;
  transition: all .4s cubic-bezier(.16,1,.3,1);
  padding: 0;
}
.slider-dot.active {
  background: #1d1d1f;
  width: 24px;
  border-radius: 4px;
}

/* ─── Mobile ────────────────────────────────────────────────── */
@media (max-width: 1024px) {
  .hero-slider { min-height: auto; }
  .slide-inner {
    grid-template-columns: 1fr;
    min-height: auto;
    padding: 40px 24px 60px;
    gap: 32px;
    text-align: center;
  }
  .slide-inner.slide-reverse { direction: ltr; }
  .slide-text { align-items: center; }
  .slide-title { font-size: 32px; letter-spacing: -.8px; }
  .slide-desc  { font-size: 15px; max-width: 100%; }
  .slide-image img { max-height: 240px; }
  .slide-badge { top: 10px; right: 10px; padding: 8px 12px; }
  .slide-badge .b-val { font-size: 16px; }
  .slider-arrow { width: 38px; height: 38px; font-size: 13px; }
  .slider-prev { left: 10px; }
  .slider-next { right: 10px; }
  .slide-actions { justify-content: center; }
  .slide-price { justify-content: center; }
}

/* Logo image */
.logo-img{display:flex;align-items:center;flex-shrink:0;text-decoration:none}.logo-image{height:44px;width:auto;object-fit:contain;transition:opacity .3s}.logo-img:hover .logo-image{opacity:.8}

/* ─── Out of stock disabled buttons ─── */
.btn-add--disabled,
.pd-btn-cart--disabled {
    opacity: 0.45;
    cursor: not-allowed !important;
    background: #94a3b8 !important;
    box-shadow: none !important;
    pointer-events: none;
}
.pd-btn-cart--disabled {
    background: #cbd5e1 !important;
    color: #64748b !important;
    border: 1.5px solid #e2e8f0 !important;
}

/* ─── Homepage 4-col grid card enhancements ─── */
.pc-item .p-image-wrap {
    height: 240px;
    padding: 28px;
}
.pc-item .p-img {
    max-height: 180px;
}
.pc-item .p-title {
    font-size: 15px;
    height: 44px;
    -webkit-line-clamp: 2;
}
.pc-item .p-current {
    font-size: 24px;
}
.pc-item .btn-add {
    width: 48px;
    height: 48px;
    border-radius: 16px;
}
.pc-item .p-status {
    font-size: 11px;
    margin-bottom: 10px;
    letter-spacing: .2px;
}
.mega-promo-card{margin:24px 0 0;border-radius:14px;padding:20px 24px;display:flex;align-items:center}
.mega-promo-inner{display:flex;flex-direction:column;gap:6px}
.mega-promo-title{font-size:16px;font-weight:700;margin:0}
.mega-promo-sub{font-size:13px;margin:0}
.mega-promo-btn{display:inline-flex;align-items:center;gap:6px;background:#fff2;border:1px solid #fff3;color:#fff;font-size:13px;font-weight:600;padding:8px 16px;border-radius:8px;text-decoration:none;margin-top:8px;transition:.2s}
.mega-promo-btn:hover{background:#fff3}


/* ═══════════════════════════════════════
   resources/views/layouts/shop.blade.php
   ═══════════════════════════════════════ */
.consult-box {
        background: #f8fafc;
        padding: 20px;
        border-radius: 18px;
        border: 1px solid var(--border-light);
        flex: 1;
        display: flex;
        flex-direction: column;
    }
    .consult-box h4 {
        font-size: 15px;
        font-weight: 800;
        color: var(--text-heading);
        margin: 0 0 6px;
        font-family: 'Outfit', sans-serif;
    }
    .consult-box p {
        font-size: 12px;
        color: var(--text-muted);
        margin: 0 0 12px;
        line-height: 1.5;
    }

    /* Перемикач */
    .consult-toggle {
        display: flex;
        background: #fff;
        border: 1px solid var(--border-light);
        border-radius: var(--radius-pill);
        padding: 3px;
        gap: 3px;
        margin-bottom: 10px;
    }
    .ctoggle-btn {
        flex: 1;
        border: none;
        background: transparent;
        color: var(--text-muted);
        font-size: 12px;
        font-weight: 600;
        font-family: 'Inter', sans-serif;
        padding: 6px 8px;
        border-radius: var(--radius-pill);
        cursor: pointer;
        transition: all .25s;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }
    .ctoggle-btn.active {
        background: var(--brand-main);
        color: #fff;
        box-shadow: 0 3px 8px rgba(2,132,199,.25);
    }

    /* Input + кнопка */
    .consult-input-wrap {
        display: flex;
        gap: 6px;
        background: #fff;
        padding: 4px;
        border-radius: var(--radius-pill);
        border: 1px solid var(--border-light);
    }
    .consult-input {
        flex: 1;
        height: 34px;
        border: none;
        background: transparent;
        padding: 0 10px;
        outline: none;
        font-size: 13px;
        color: var(--text-heading);
        font-family: 'Inter', sans-serif;
        min-width: 0;
    }
    .consult-input::placeholder { color: #94a3b8; }

    .consult-btn {
        background: var(--brand-main);
        color: #fff;
        border: none;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        flex-shrink: 0;
        cursor: pointer;
        font-size: 13px;
        transition: all .3s;
        display: grid;
        place-items: center;
    }
    .consult-btn:hover {
        background: var(--text-heading);
        transform: rotate(15deg);
    }
    .consult-btn:disabled {
        opacity: .5;
        cursor: not-allowed;
        transform: none;
    }

    .consult-error {
        font-size: 11px;
        color: var(--accent-red, #ef4444);
        margin-top: 8px;
        padding-left: 4px;
    }
    .consult-success {
        font-size: 13px;
        color: var(--accent-green, #10b981);
        margin-top: 14px;
        display: flex;
        align-items: center;
        gap: 8px;
        font-weight: 600;
    }
#consultPopup {
        position: fixed;
        inset: 0;
        z-index: 99999;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .cpopup-overlay {
        position: absolute;
        inset: 0;
        background: rgba(15,23,42,.55);
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
        animation: cpFadeIn .25s ease;
    }
    .cpopup-box {
        position: relative;
        background: #fff;
        border-radius: 28px;
        padding: 48px 40px 40px;
        max-width: 400px;
        width: calc(100% - 40px);
        text-align: center;
        box-shadow: 0 32px 80px rgba(15,23,42,.18);
        animation: cpSlideUp .35s cubic-bezier(.16,1,.3,1);
    }
    .cpopup-close {
        position: absolute;
        top: 18px;
        right: 18px;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        border: none;
        background: #f1f5f9;
        color: var(--text-muted);
        font-size: 14px;
        cursor: pointer;
        display: grid;
        place-items: center;
        transition: all .2s;
    }
    .cpopup-close:hover { background: #e2e8f0; color: var(--text-heading); }

    .cpopup-icon {
        width: 72px;
        height: 72px;
        border-radius: 50%;
        background: linear-gradient(135deg, #10b981, #059669);
        color: #fff;
        font-size: 30px;
        display: grid;
        place-items: center;
        margin: 0 auto 24px;
        box-shadow: 0 12px 32px rgba(16,185,129,.3);
        animation: cpBounce .5s cubic-bezier(.34,1.56,.64,1) .15s both;
    }
    .cpopup-title {
        font-family: 'Outfit', sans-serif;
        font-size: 26px;
        font-weight: 900;
        color: var(--text-heading);
        margin: 0 0 12px;
        letter-spacing: -.5px;
    }
    .cpopup-text {
        font-size: 15px;
        color: var(--text-muted);
        line-height: 1.6;
        margin: 0 0 28px;
    }
    .cpopup-btn {
        background: var(--brand-main);
        color: #fff;
        border: none;
        border-radius: var(--radius-pill);
        padding: 14px 40px;
        font-size: 15px;
        font-weight: 700;
        font-family: 'Outfit', sans-serif;
        cursor: pointer;
        transition: all .25s;
        box-shadow: 0 6px 20px rgba(2,132,199,.25);
    }
    .cpopup-btn:hover {
        background: var(--brand-hover);
        transform: translateY(-2px);
        box-shadow: 0 10px 28px rgba(2,132,199,.35);
    }

    @keyframes cpFadeIn  { from { opacity:0; } to { opacity:1; } }
    @keyframes cpSlideUp { from { opacity:0; transform:translateY(30px) scale(.96); } to { opacity:1; transform:translateY(0) scale(1); } }
    @keyframes cpBounce  { from { transform:scale(0); } to { transform:scale(1); } }
.cookie-banner {
    position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%);
    z-index: 8000; width: calc(100% - 48px); max-width: 860px;
    background: #fff; border: 1px solid var(--border-light);
    border-radius: 20px; box-shadow: 0 16px 48px rgba(15,23,42,.15);
    animation: cookieIn .4s cubic-bezier(.34,1.56,.64,1);
}
@keyframes cookieIn {
    from { opacity:0; transform: translateX(-50%) translateY(30px); }
    to   { opacity:1; transform: translateX(-50%) translateY(0); }
}
.cookie-banner-inner { display:flex; align-items:center; gap:16px; padding:16px 20px; }
.cookie-icon { width:42px; height:42px; flex-shrink:0; background:#fffbeb; border-radius:12px; display:grid; place-items:center; font-size:20px; color:#d97706; }
.cookie-text { flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.cookie-text strong { font-size:14px; font-weight:700; color:var(--text-heading); }
.cookie-text span { font-size:13px; color:var(--text-muted); line-height:1.5; }
.cookie-text a { color:var(--brand-main); text-decoration:none; }
.cookie-text a:hover { text-decoration:underline; }
.cookie-actions { display:flex; gap:8px; flex-shrink:0; }
.cookie-btn { border:none; cursor:pointer; border-radius:100px; font-family:'Outfit',sans-serif; font-size:13px; font-weight:700; padding:9px 18px; transition:all .2s; display:inline-flex; align-items:center; gap:6px; }
.cookie-btn--accept { background:var(--brand-main); color:#fff; box-shadow:0 4px 12px rgba(2,132,199,.3); }
.cookie-btn--accept:hover { background:var(--brand-hover); transform:translateY(-1px); }
.cookie-btn--decline { background:#f1f5f9; color:var(--text-muted); }
.cookie-btn--decline:hover { background:#e2e8f0; color:var(--text-heading); }
@media(max-width:640px) {
    .cookie-banner-inner { flex-direction:column; align-items:flex-start; }
    .cookie-actions { width:100%; }
    .cookie-btn { flex:1; justify-content:center; }
}
#cartToast{
    position:fixed;bottom:28px;right:28px;z-index:8000;
    display:flex;align-items:flex-start;gap:14px;
    background:#fff;border:1px solid var(--border-light);
    border-radius:20px;padding:16px 18px;
    box-shadow:0 16px 48px rgba(15,23,42,.15);
    max-width:320px;width:calc(100vw - 40px);
    animation:ctSlideIn .35s cubic-bezier(.34,1.56,.64,1);
}
#cartToast.ct-hiding{animation:ctSlideOut .25s ease forwards}
@keyframes ctSlideIn{from{opacity:0;transform:translateX(40px) scale(.96)}to{opacity:1;transform:none}}
@keyframes ctSlideOut{to{opacity:0;transform:translateX(40px) scale(.96)}}
.ct-img-wrap{
    width:60px;height:60px;flex-shrink:0;
    background:#f8fafc;border-radius:12px;
    border:1px solid var(--border-light);
    display:grid;place-items:center;overflow:hidden;
}
.ct-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.ct-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ct-label{font-size:12px;font-weight:700;color:#16a34a;display:flex;align-items:center;gap:5px}
.ct-label i{font-size:11px}
.ct-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:2px;font-size:13px;line-height:1;transition:color .15s}
.ct-close:hover{color:var(--text-heading)}
.ct-name{font-size:13px;font-weight:600;color:var(--text-heading);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ct-price{font-size:14px;font-weight:800;color:var(--brand-main);font-family:'Outfit',sans-serif}
.ct-btn{
    display:inline-flex;align-items:center;gap:6px;margin-top:4px;
    background:var(--brand-main);color:#fff;
    padding:8px 14px;border-radius:var(--radius-pill);
    font-size:12px;font-weight:700;font-family:'Outfit',sans-serif;
    text-decoration:none;transition:all .2s;
    box-shadow:0 4px 12px rgba(2,132,199,.25);width:fit-content;
}
.ct-btn:hover{background:var(--brand-hover);color:#fff;transform:translateY(-1px)}
@media(max-width:480px){#cartToast{bottom:16px;right:16px;left:16px;width:auto;max-width:none}}


/* ═══════════════════════════════════════
   resources/views/shop/index.blade.php
   ═══════════════════════════════════════ */
/* ─── Категорії на головній ───────────────────── */
.hp-cats {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
    gap:16px;
    margin-bottom:48px;
}
.hp-cat-card {
    text-decoration:none;
    display:flex; flex-direction:column; align-items:center;
    background:#fff; border:1px solid #e2e8f0; border-radius:16px;
    padding:18px 12px 14px;
    transition:all .22s;
    box-shadow:0 2px 8px rgba(15,23,42,.04);
}
.hp-cat-card:hover {
    transform:translateY(-4px);
    box-shadow:0 12px 28px rgba(2,132,199,.12);
    border-color:var(--brand-main);
}
.hp-cat-img {
    width:64px; height:64px;
    border-radius:12px; overflow:hidden;
    background:#f1f5f9;
    display:grid; place-items:center;
    margin-bottom:10px;
}
.hp-cat-img img { width:100%; height:100%; object-fit:contain; }
.hp-cat-img i { font-size:26px; color:#94a3b8; }
.hp-cat-name {
    font-size:12px; font-weight:700; color:#1e293b;
    text-align:center; line-height:1.3;
}
/* ─── Новини на головній ──────────────────────────────── */
.hn-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin-bottom:56px;
}
.hn-card{
    background:#fff;border:1px solid var(--border-light);
    border-radius:20px;overflow:hidden;
    display:flex;flex-direction:column;
    text-decoration:none;color:inherit;
    transition:all .25s;
    box-shadow:0 2px 8px rgba(15,23,42,.04);
}
.hn-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(15,23,42,.1);border-color:var(--brand-main)}
.hn-card--featured{
    grid-column:span 2;
    flex-direction:row;
}
.hn-card--featured .hn-img{height:auto;min-height:220px;flex:0 0 42%}
.hn-img{
    height:180px;
    background-size:cover;background-position:center;
    background-color:#f1f5f9;
}
.hn-img--empty{display:grid;place-items:center;color:#cbd5e1;font-size:32px}
.hn-body{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}
.hn-date{font-size:11px;color:#94a3b8;display:flex;align-items:center;gap:5px;font-weight:500}
.hn-date i{font-size:10px}
.hn-title{font-family:'Outfit',sans-serif;font-size:15px;font-weight:700;color:var(--text-heading);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hn-card--featured .hn-title{font-size:18px;-webkit-line-clamp:4}
.hn-excerpt{font-size:13px;color:var(--text-muted);line-height:1.6;margin:0;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.hn-link{font-size:12px;font-weight:700;color:var(--brand-main);display:flex;align-items:center;gap:5px;margin-top:auto}
.hn-link i{font-size:10px;transition:transform .2s}
.hn-card:hover .hn-link i{transform:translateX(3px)}

@media(max-width:900px){
    .hn-grid{grid-template-columns:1fr 1fr}
    .hn-card--featured{grid-column:span 2;flex-direction:column}
    .hn-card--featured .hn-img{height:200px;flex:none}
}
@media(max-width:600px){
    .hn-grid{grid-template-columns:1fr}
    .hn-card--featured{grid-column:span 1}
}
/* ─── Product Carousel 4-visible ─────────────────────── */
.pc-wrap {
    position: relative;
    margin-bottom: 56px;
}
.pc-track {
    display: flex;
    gap: 20px;
    overflow-x: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}
.pc-item {
    flex: 0 0 calc(25% - 15px);
    scroll-snap-align: start;
    min-width: 0;
}
.pc-item .product-card {
    height: 100%;
    transition: transform .3s cubic-bezier(.16,1,.3,1),
                box-shadow .3s cubic-bezier(.16,1,.3,1);
}
.pc-item .product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 48px rgba(2,132,199,.13);
}
.pc-arrow {
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    z-index: 10;
    width: 44px; height: 44px;
    border-radius: 50%;
    border: 1.5px solid var(--border-light);
    background: rgba(255,255,255,.95);
    backdrop-filter: blur(8px);
    box-shadow: 0 4px 20px rgba(15,23,42,.12);
    color: var(--text-heading);
    cursor: pointer;
    display: grid; place-items: center;
    transition: all .25s;
    font-size: 14px;
    padding: 0;
}
.pc-arrow:hover {
    background: var(--brand-main);
    color: #fff;
    border-color: var(--brand-main);
    box-shadow: 0 8px 24px rgba(2,132,199,.3);
    transform: translateY(-50%) scale(1.08);
}
.pc-prev { left: -22px; }
.pc-next { right: -22px; }
@media(max-width: 1024px) {
    .pc-item { flex: 0 0 calc(33.333% - 14px); }
}
@media(max-width: 640px) {
    .pc-item { flex: 0 0 calc(50% - 10px); }
    .pc-prev { left: 0; }
    .pc-next { right: 0; }
}


/* ═══════════════════════════════════════
   resources/views/shop/search.blade.php
   ═══════════════════════════════════════ */
.search-page { background: #F5F7FA; min-height: 80vh; padding-bottom: 80px; }
.search-hero {
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
    padding: 36px 0 32px;
    margin-bottom: 32px;
}
.search-hero-form {
    max-width: 680px;
    margin: 0 auto;
    position: relative;
}
.search-hero-form .search-icon-left { left: 20px; font-size: 17px; }
.search-hero-form .search-input {
    height: 60px;
    font-size: 17px;
    padding: 0 66px 0 52px;
    border-radius: 16px;
    border: 2px solid #e2e8f0;
    background: #f8fafc;
}
.search-hero-form .search-input:focus {
    background: #fff;
    border-color: #0284c7;
    box-shadow: 0 0 0 4px rgba(2,132,199,.12);
}
.search-hero-form .search-btn {
    width: 46px; height: 46px;
    border-radius: 12px;
    right: 7px; top: 7px; bottom: 7px;
}
.search-meta {
    text-align: center;
    margin-top: 16px;
    color: #64748b;
    font-size: 14px;
}
.search-meta strong { color: #1d1d1f; font-weight: 700; }
.search-meta .search-count { color: #0284c7; font-weight: 700; }


/* ═══════════════════════════════════════
   resources/views/shop/cart.blade.php
   ═══════════════════════════════════════ */
/* ═══ CART PAGE ══════════════════════════════════════════════ */
.cart-page {
    background: #f1f5f9;
    padding: 32px 0 36px;
}

/* ─── HEADING ──────────────────────────────────────────────── */
.cart-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
    gap: 16px;
}
.cart-heading-left {
    display: flex;
    align-items: baseline;
    gap: 20px;
    flex-wrap: wrap;
}
.cart-title {
    font-family: 'Outfit', sans-serif;
    font-size: 26px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
}
.cart-count-label {
    font-size: 14px;
    font-weight: 600;
    color: #64748b;
    background: #e2e8f0;
    border-radius: 20px;
    padding: 2px 10px;
    vertical-align: middle;
}
.cart-back-link {
    font-size: 13px;
    color: #64748b;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: color .2s;
}
.cart-back-link:hover { color: #0284c7; }

.cart-clear-btn {
    background: none;
    border: 1px solid #e2e8f0;
    color: #94a3b8;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
    padding: 7px 14px;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: .2s;
    white-space: nowrap;
}
.cart-clear-btn:hover {
    border-color: #ef4444;
    color: #ef4444;
    background: #fff5f5;
}

/* ─── EMPTY STATE ──────────────────────────────────────────── */
.cart-empty {
    text-align: center;
    padding: 80px 20px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 1px 8px rgba(15,23,42,.06);
}
.cart-empty-icon {
    width: 80px;
    height: 80px;
    background: #f1f5f9;
    border-radius: 50%;
    display: grid;
    place-items: center;
    margin: 0 auto 20px;
}
.cart-empty-icon i {
    font-size: 32px;
    color: #cbd5e1;
}
.cart-empty h2 {
    font-family: 'Outfit', sans-serif;
    font-size: 20px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 8px;
}
.cart-empty p {
    font-size: 14px;
    color: #94a3b8;
    margin: 0 0 28px;
}
.cart-empty-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #0284c7;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    padding: 12px 28px;
    border-radius: 10px;
    text-decoration: none;
    transition: .2s;
}
.cart-empty-btn:hover {
    background: #0369a1;
    color: #fff;
    transform: translateY(-1px);
}

/* ─── 2-COLUMN LAYOUT ──────────────────────────────────────── */
.cart-layout {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 24px;
    align-items: start;
}

/* ─── ITEM CARD ────────────────────────────────────────────── */
.cart-items {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.cart-item {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 1px 6px rgba(15,23,42,.05);
    display: grid;
    grid-template-columns: 80px 1fr auto;
    gap: 16px;
    padding: 16px 20px;
    align-items: center;
    transition: box-shadow .2s;
}
.cart-item:hover {
    box-shadow: 0 4px 16px rgba(15,23,42,.08);
}

/* Image */
.cart-item-img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    border-radius: 10px;
    border: 1px solid #f1f5f9;
    background: #fafafa;
    flex-shrink: 0;
}
.cart-item-img-placeholder {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    border: 1px solid #f1f5f9;
    background: #f8fafc;
    display: grid;
    place-items: center;
    color: #cbd5e1;
    font-size: 28px;
    flex-shrink: 0;
}

/* Body */
.cart-item-body {
    min-width: 0;
}
.cart-item-name {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 4px;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cart-item-sku {
    font-size: 11px;
    color: #94a3b8;
    margin-bottom: 12px;
}
.cart-item-price-row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.cart-item-unit-price {
    font-size: 12px;
    color: #64748b;
}

/* Quantity controls */
.cart-qty {
    display: inline-flex;
    align-items: center;
    gap: 0;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    background: #f8fafc;
}
.cart-qty-btn {
    width: 30px;
    height: 30px;
    border: none;
    background: transparent;
    color: #64748b;
    font-size: 11px;
    cursor: pointer;
    display: grid;
    place-items: center;
    transition: .15s;
}
.cart-qty-btn:hover {
    background: #e2e8f0;
    color: #0284c7;
}
.cart-qty-val {
    min-width: 34px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    border-left: 1px solid #e2e8f0;
    border-right: 1px solid #e2e8f0;
    line-height: 30px;
}

/* Right col: subtotal + remove */
.cart-item-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
    flex-shrink: 0;
}
.cart-item-subtotal {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
    font-family: 'Outfit', sans-serif;
}
.cart-item-subtotal-novat {
    font-size: 11px;
    color: #94a3b8;
    text-align: right;
}
.cart-item-remove {
    background: none;
    border: none;
    color: #cbd5e1;
    font-size: 13px;
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 6px;
    transition: .15s;
    line-height: 1;
}
.cart-item-remove:hover {
    color: #ef4444;
    background: #fef2f2;
}

/* ─── SIDEBAR ──────────────────────────────────────────────── */
.cart-sidebar {
    position: sticky;
    top: 88px;
}
.cart-summary {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 1px 8px rgba(15,23,42,.06);
    padding: 24px;
}
.cart-summary-title {
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #f1f5f9;
}

.cart-summary-rows {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: 20px;
}
.cart-sum-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 0;
    font-size: 13px;
    color: #64748b;
    border-bottom: 1px solid #f8fafc;
}
.cart-sum-row:last-child { border-bottom: none; }
.cart-sum-row--total {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
    padding: 14px 0 10px;
    border-top: 2px solid #e2e8f0;
    border-bottom: none;
    margin-top: 4px;
}
.cart-sum-row--total span:last-child { color: #0284c7; }
.cart-sum-row--delivery {
    font-size: 12px;
    color: #94a3b8;
    padding-top: 4px;
}
.cart-sum-row--delivery i { margin-right: 4px; }

.cart-checkout-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(135deg, #0284c7, #0369a1);
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    padding: 14px;
    border-radius: 12px;
    text-decoration: none;
    transition: .2s;
    box-shadow: 0 4px 14px rgba(2,132,199,.28);
    margin-bottom: 10px;
    border: none;
    cursor: pointer;
    width: 100%;
}
.cart-checkout-btn:hover {
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(2,132,199,.32);
}

/* ─── PRINT ─────────────────────────────────────────────────── */
@media print {
    .cart-page { background: #fff; padding: 0; }
    .cart-heading, .cart-sidebar, header, footer, nav { display: none !important; }
    .cart-layout { display: block; }
    .cart-item { box-shadow: none; border: 1px solid #e2e8f0; border-radius: 0; margin-bottom: 0; border-bottom: none; }
    .cart-item:last-child { border-bottom: 1px solid #e2e8f0; }
    .cart-item-remove { display: none; }
    .cart-qty-btn { display: none; }
}

/* ─── RESPONSIVE ────────────────────────────────────────────── */
@media (max-width: 900px) {
    .cart-layout {
        grid-template-columns: 1fr;
    }
    .cart-sidebar {
        position: static;
    }
}
@media (max-width: 600px) {
    .cart-page { padding: 20px 0 80px; }
    .cart-title { font-size: 20px; }
    .cart-item {
        grid-template-columns: 64px 1fr;
        grid-template-rows: auto auto;
    }
    .cart-item-right {
        grid-column: 2;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .cart-item-img,
    .cart-item-img-placeholder {
        width: 64px;
        height: 64px;
    }
}


/* ═══════════════════════════════════════
   resources/views/shop/checkout.blade.php
   ═══════════════════════════════════════ */
.co-page { background:#f1f5f9; padding:28px 0 40px; }

.co-heading { margin-bottom:24px; }
.co-back { font-size:13px; color:#64748b; text-decoration:none; display:inline-flex; align-items:center; gap:6px; margin-bottom:8px; transition:.2s; }
.co-back:hover { color:#0284c7; }
.co-title { font-family:'Outfit',sans-serif; font-size:24px; font-weight:800; color:#0f172a; margin:0; }

.co-empty { text-align:center; padding:60px 20px; background:#fff; border-radius:14px; }
.co-empty i { font-size:40px; color:#cbd5e1; display:block; margin-bottom:12px; }
.co-empty a { color:#0284c7; }

.co-layout { display:grid; grid-template-columns:1fr 380px; gap:24px; align-items:start; }

.co-page .co-main { display:flex; flex-direction:column; gap:16px; }

/* Ряд: перелік товарів (ліво) + контактні дані (право) */
.co-split-row {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    align-items:start;
}
@media(max-width:1100px) {
    .co-split-row { grid-template-columns:1fr; }
}

.co-card {
    background:#fff; border-radius:14px;
    box-shadow:0 1px 6px rgba(15,23,42,.05);
    padding:20px 24px;
}
.co-layout .co-card-title {
    font-size:14px; font-weight:700; color:#0f172a;
    margin-bottom:16px; display:flex; align-items:center; gap:8px;
}
.co-layout .co-card-title i { color:#0284c7; font-size:13px; }

.co-grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:12px; }

.co-field { display:flex; flex-direction:column; gap:5px; }
.co-field label { font-size:12px; font-weight:600; color:#64748b; }
.req { color:#ef4444; }

.co-input {
    height:40px; border:1px solid #e2e8f0; border-radius:8px;
    padding:0 12px; font-size:13px; color:#0f172a;
    font-family:'Inter',sans-serif; background:#fafafa;
    outline:none; transition:.2s; width:100%; box-sizing:border-box;
}
.co-input:focus { border-color:#0284c7; background:#fff; box-shadow:0 0 0 3px rgba(2,132,199,.08); }
.co-input.is-error { border-color:#ef4444; }
.co-textarea { height:auto; resize:vertical; padding:10px 12px; }
.co-error { font-size:11px; color:#ef4444; margin-top:2px; }

/* Radio */
.co-radio-group { display:flex; flex-wrap:wrap; gap:10px; }
.co-radio { display:flex; align-items:center; gap:8px; cursor:pointer; font-size:13px; color:#374151; padding:8px 14px; border:1px solid #e2e8f0; border-radius:8px; transition:.2s; }
.co-radio:has(input:checked) { border-color:#0284c7; background:#f0f9ff; color:#0284c7; }
.co-radio input { display:none; }
.co-radio-box { width:14px; height:14px; border:2px solid #cbd5e1; border-radius:50%; transition:.2s; flex-shrink:0; }
.co-radio:has(input:checked) .co-radio-box { border-color:#0284c7; background:#0284c7; box-shadow:inset 0 0 0 2px #fff; }

/* Invoice table */
.co-card--table { padding:20px 0; }
.co-card--table .co-card-title { padding:0 24px 14px; border-bottom:2px solid #0284c7; margin-bottom:0; }
.co-inv-wrap { overflow-x:auto; }
.co-inv-table { width:100%; border-collapse:collapse; font-size:13px; }
.co-inv-table thead tr { background:#f8fafc; }
.co-inv-table th { padding:10px 12px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.4px; color:#64748b; white-space:nowrap; border-bottom:1px solid #e2e8f0; text-align:right; }
.co-inv-table th.co-th-num, .co-inv-table th.co-th-name, .co-inv-table th.co-th-unit { text-align:left; }
.co-inv-table td { padding:12px 12px; font-size:13px; color:#1e293b; border-bottom:1px solid #f1f5f9; text-align:right; vertical-align:middle; }
.co-inv-table td.co-td-num, .co-inv-table td.co-td-unit { text-align:left; color:#94a3b8; }
.co-inv-table td.co-td-name { text-align:left; }
.co-inv-table tbody tr:last-child td { border-bottom:none; }
.co-inv-table tbody tr:hover { background:#f8faff; }
.co-td-name-main { font-weight:600; color:#0f172a; }
.co-td-name-sku  { font-size:11px; color:#94a3b8; margin-top:2px; }
.co-th-num { width:36px; }
.co-th-unit { width:44px; }
.co-th-qty { width:60px; }
.co-th-price, .co-th-vat, .co-th-total { width:110px; }
/* totals footer */
.co-inv-footer { display:flex; justify-content:flex-end; padding:16px 24px 4px; }
.co-inv-totals { min-width:280px; }
.co-inv-row { display:flex; justify-content:space-between; font-size:13px; color:#64748b; padding:6px 0; border-bottom:1px dotted #e2e8f0; }
.co-inv-row:last-child { border-bottom:none; }
.co-inv-row--grand { font-size:15px; font-weight:800; color:#0f172a; border-top:2px solid #0284c7; border-bottom:none; padding-top:10px; margin-top:2px; }
.co-inv-row--grand span:last-child { color:#0284c7; }
.co-summary-mini { display:flex; justify-content:space-between; align-items:center; margin-top:12px; padding-top:12px; border-top:2px solid #e2e8f0; font-size:14px; color:#64748b; }
.co-summary-mini strong { font-size:16px; font-weight:800; color:#0284c7; font-family:'Outfit',sans-serif; }

/* Sidebar — блок підтвердження */
.co-sidebar { position:sticky; top:88px; }
.co-side-card {
    background:#fff; border-radius:16px;
    box-shadow:0 4px 20px rgba(15,23,42,.08);
    border:1px solid #e2e8f0;
    padding:24px;
    overflow:hidden;
}
.co-side-card::before {
    content:'';
    display:block;
    height:4px;
    background:linear-gradient(90deg, #0284c7, #38bdf8);
    margin:-24px -24px 20px;
}
.co-side-rows { display:flex; flex-direction:column; gap:0; margin-bottom:20px; }
.co-side-row { display:flex; justify-content:space-between; font-size:14px; color:#64748b; padding:10px 0; border-bottom:1px solid #f1f5f9; }
.co-side-row:last-child { border-bottom:none; }
.co-side-total { font-size:17px; font-weight:800; color:#0f172a; border-top:2px solid #e2e8f0; margin-top:4px; padding-top:14px; }
.co-side-total span:last-child { color:#0284c7; font-family:'Outfit',sans-serif; }

.co-submit-btn {
    width:100%; background:linear-gradient(135deg,#0284c7,#0369a1);
    color:#fff; border:none; border-radius:12px; font-size:15px; font-weight:700;
    font-family:'Inter',sans-serif; padding:16px; cursor:pointer;
    display:flex; align-items:center; justify-content:center; gap:10px;
    box-shadow:0 6px 18px rgba(2,132,199,.32); transition:.25s;
}
.co-submit-btn:hover { transform:translateY(-2px); box-shadow:0 10px 24px rgba(2,132,199,.38); }
.co-submit-btn:disabled { opacity:.6; cursor:not-allowed; transform:none; }
.co-hint { font-size:12px; color:#94a3b8; text-align:center; margin:14px 0 0; line-height:1.6; }

@media(max-width:1024px) {
    .co-layout { grid-template-columns:1fr 320px; }
}
@media(max-width:900px) {
    .co-layout { grid-template-columns:1fr; }
    .co-sidebar { position:static; }
}
@media(max-width:600px) {
    .co-grid-2 { grid-template-columns:1fr; }
    .co-page { padding:16px 0 40px; }
}


/* ═══════════════════════════════════════
   resources/views/shop/checkout-success.blade.php
   ═══════════════════════════════════════ */
.success-page { background:#f1f5f9; padding:40px 0; }
.success-card {
    max-width:580px; margin:0 auto;
    background:#fff; border-radius:20px;
    box-shadow:0 2px 24px rgba(15,23,42,.08);
    padding:40px 40px 36px;
    text-align:center;
}
.success-icon {
    width:72px; height:72px; background:linear-gradient(135deg,#10b981,#059669);
    border-radius:50%; display:grid; place-items:center; margin:0 auto 20px;
    box-shadow:0 8px 24px rgba(16,185,129,.3);
}
.success-icon i { font-size:30px; color:#fff; }
.success-title { font-family:'Outfit',sans-serif; font-size:24px; font-weight:900; color:#0f172a; margin:0 0 8px; }
.success-sub { font-size:14px; color:#64748b; margin:0 0 28px; line-height:1.6; }

.success-meta {
    background:#f8fafc; border-radius:12px;
    border:1px solid #e2e8f0; padding:16px 20px;
    margin-bottom:20px; text-align:left;
}
.success-meta-row {
    display:flex; justify-content:space-between; align-items:center;
    padding:7px 0; border-bottom:1px solid #f1f5f9;
    font-size:13px; color:#64748b;
}
.success-meta-row:last-child { border-bottom:none; }
.success-meta-row strong { color:#0f172a; font-weight:600; }
.success-meta-total { border-top:2px solid #e2e8f0; margin-top:4px; padding-top:12px; font-size:14px; }
.success-meta-total strong { color:#0284c7; font-size:16px; font-weight:800; }

.success-items {
    background:#f8fafc; border-radius:12px; border:1px solid #e2e8f0;
    padding:14px 20px; margin-bottom:24px; text-align:left;
}
.success-items-title { font-size:12px; font-weight:700; color:#94a3b8; text-transform:uppercase; letter-spacing:.5px; margin-bottom:10px; }
.success-item { display:flex; align-items:center; gap:8px; padding:6px 0; border-bottom:1px solid #f1f5f9; font-size:13px; }
.success-item:last-child { border-bottom:none; }
.success-item-name { flex:1; color:#0f172a; font-weight:500; }
.success-item-qty { color:#94a3b8; white-space:nowrap; }
.success-item-price { font-weight:700; color:#0f172a; white-space:nowrap; }

.success-actions { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
.success-btn-primary {
    display:inline-flex; align-items:center; gap:8px;
    background:linear-gradient(135deg,#0284c7,#0369a1); color:#fff;
    padding:12px 24px; border-radius:10px; font-size:14px; font-weight:700;
    text-decoration:none; transition:.2s;
    box-shadow:0 4px 12px rgba(2,132,199,.25);
}
.success-btn-primary:hover { color:#fff; transform:translateY(-1px); }
.success-btn-ghost {
    display:inline-flex; align-items:center; gap:8px;
    border:1px solid #e2e8f0; color:#64748b;
    padding:12px 24px; border-radius:10px; font-size:14px; font-weight:600;
    text-decoration:none; transition:.2s;
}
.success-btn-ghost:hover { border-color:#0284c7; color:#0284c7; }

@media(max-width:600px){
    .success-card { padding:28px 20px; }
    .success-actions { flex-direction:column; }
    .success-btn-primary, .success-btn-ghost { justify-content:center; }
}


/* ═══════════════════════════════════════
   resources/views/shop/about.blade.php
   ═══════════════════════════════════════ */
.qm-overlay { position:fixed; inset:0; z-index:9000; display:flex; align-items:center; justify-content:center; padding:20px; }
.qm-backdrop { position:absolute; inset:0; background:rgba(15,23,42,.5); backdrop-filter:blur(6px); }
.qm-box { position:relative; z-index:1; background:#fff; border-radius:24px; padding:40px; width:100%; max-width:640px; max-height:90vh; overflow-y:auto; box-shadow:0 24px 80px rgba(15,23,42,.2); border:1px solid var(--border-light); animation:qmIn .3s cubic-bezier(.34,1.56,.64,1); }
@keyframes qmIn { from{opacity:0;transform:scale(.92) translateY(20px)} to{opacity:1;transform:scale(1) translateY(0)} }
.qm-close { position:absolute; top:16px; right:16px; width:36px; height:36px; background:#f1f5f9; border:none; border-radius:50%; color:var(--text-muted); font-size:14px; cursor:pointer; display:grid; place-items:center; transition:all .2s; }
.qm-close:hover { background:#e2e8f0; color:var(--text-heading); }
.qm-header { margin-bottom:28px; }
.qm-title { font-family:'Outfit',sans-serif; font-size:24px; font-weight:900; color:var(--text-heading); margin:0 0 8px; letter-spacing:-.4px; }
.qm-subtitle { font-size:14px; color:var(--text-muted); margin:0; line-height:1.5; }
.qm-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px; }
.qm-field { margin-bottom:16px; }
.qm-grid .qm-field { margin-bottom:0; }
.qm-label { display:block; font-size:11px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:var(--text-muted); margin-bottom:8px; }
.qm-req { color:var(--brand-main); }
.qm-optional { font-weight:500; letter-spacing:0; text-transform:none; font-size:11px; color:#94a3b8; }
.qm-input { width:100%; box-sizing:border-box; background:#f8fafc; border:1px solid var(--border-light); border-radius:12px; padding:13px 16px; font-size:14px; color:var(--text-heading); font-family:'Inter',sans-serif; outline:none; transition:all .2s; }
.qm-input::placeholder { color:#94a3b8; }
.qm-input:focus { border-color:var(--brand-main); background:#fff; box-shadow:0 0 0 3px rgba(2,132,199,.12); }
.qm-textarea { resize:vertical; min-height:110px; }
.qm-error { background:#fef2f2; border:1px solid #fecaca; color:#dc2626; border-radius:10px; padding:12px 16px; font-size:13px; margin-bottom:16px; }
.qm-submit { width:100%; border:none; cursor:pointer; background:var(--brand-main); color:#fff; font-family:'Outfit',sans-serif; font-size:16px; font-weight:800; padding:16px 24px; border-radius:14px; display:flex; align-items:center; justify-content:center; gap:10px; transition:all .25s; box-shadow:0 8px 24px rgba(2,132,199,.3); }
.qm-submit:hover:not(:disabled) { background:var(--brand-hover); transform:translateY(-2px); box-shadow:0 12px 32px rgba(2,132,199,.4); }
.qm-submit:disabled { opacity:.6; cursor:not-allowed; transform:none; }
.qm-privacy { text-align:center; font-size:12px; color:#94a3b8; margin:14px 0 0; line-height:1.5; }
.qm-privacy a { color:var(--brand-main); text-decoration:none; }
.qs-overlay { position:fixed; inset:0; z-index:9100; display:flex; align-items:center; justify-content:center; padding:20px; }
.qs-box { position:relative; z-index:1; background:#fff; border-radius:24px; padding:48px 40px; text-align:center; max-width:420px; width:100%; border:1px solid var(--border-light); box-shadow:0 24px 80px rgba(15,23,42,.2); animation:qmIn .3s cubic-bezier(.34,1.56,.64,1); }
.qs-icon { width:64px; height:64px; border-radius:50%; background:linear-gradient(135deg,#dcfce7,#bbf7d0); color:#16a34a; font-size:28px; display:grid; place-items:center; margin:0 auto 20px; }
.qs-box h3 { font-family:'Outfit',sans-serif; font-size:22px; font-weight:900; color:var(--text-heading); margin:0 0 10px; }
.qs-box p { font-size:14px; color:var(--text-muted); line-height:1.6; margin:0; }
@media(max-width:600px) { .qm-box{padding:28px 20px} .qm-grid{grid-template-columns:1fr} }
.about-page{background:var(--bg-body)}

/* HERO */
.ab-hero{position:relative;background:linear-gradient(135deg,#0c1a2e 0%,#1e3a5f 60%,#1a4a7a 100%);padding:52px 0 60px;overflow:hidden}
.ab-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(59,130,246,.15) 0%,transparent 60%);pointer-events:none}
.ab-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.5);margin-bottom:24px}
.ab-breadcrumb a{color:rgba(255,255,255,.75);text-decoration:none}
.ab-breadcrumb a:hover{color:#fff}
.ab-breadcrumb i{font-size:9px}
.ab-hero-inner{display:grid;grid-template-columns:1fr 380px;gap:56px;align-items:center}
.ab-hero-title{font-family:'Outfit',sans-serif;font-size:48px;font-weight:900;color:#fff;letter-spacing:-2px;margin:0 0 16px;line-height:1.05}
.ab-hero-lead{font-size:15px;color:rgba(255,255,255,.75);line-height:1.75;margin:0;max-width:540px}
.ab-hero-lead strong{color:#fff}
.ab-hero-nums{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ab-hnum{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px;text-align:center;transition:all .2s}
.ab-hnum:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}
.ab-hnum-n{display:block;font-family:'Outfit',sans-serif;font-size:28px;font-weight:900;color:#fff;line-height:1}
.ab-hnum-n sup{font-size:16px;color:#60a5fa}
.ab-hnum-l{display:block;font-size:11px;color:rgba(255,255,255,.6);margin-top:4px}

/* BODY */
.ab-body{padding:56px 0 72px}
.ab-layout{display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:start}

/* Content blocks */
.ab-block{background:#fff;border:1px solid var(--border-light);border-radius:20px;padding:28px 32px;margin-bottom:20px;box-shadow:0 2px 10px rgba(15,23,42,.04);transition:box-shadow .3s}
.ab-block:hover{box-shadow:0 8px 28px rgba(15,23,42,.08)}
.ab-block:last-child{margin-bottom:0}
.ab-block-label{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--brand-main);background:#eff6ff;border:1px solid #bfdbfe;padding:5px 14px;border-radius:100px;margin-bottom:18px}
.ab-text{font-size:15px;color:var(--text-main);line-height:1.8;margin:0 0 14px}
.ab-text:last-child{margin-bottom:0}

/* Checklist */
.ab-checklist{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.ab-checklist li{display:flex;align-items:flex-start;gap:10px;font-size:15px;color:var(--text-main);line-height:1.6}
.ab-checklist li i{width:22px;height:22px;flex-shrink:0;background:#dcfce7;color:#16a34a;border-radius:50%;display:grid;place-items:center;font-size:10px;margin-top:1px}

/* Simple list */
.ab-simple-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}
.ab-simple-list li{position:relative;padding:6px 0 6px 18px;font-size:14px;color:var(--text-main);line-height:1.5}
.ab-simple-list li::before{content:'—';position:absolute;left:0;color:var(--brand-main);font-weight:700}

/* Closing quote */
.ab-closing{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:4px solid var(--brand-main);border-radius:0 16px 16px 0;padding:22px 28px;margin-top:20px;position:relative}
.ab-quote-icon{color:var(--brand-main);font-size:24px;opacity:.2;position:absolute;top:14px;left:18px}
.ab-closing p{font-size:15px;color:var(--text-heading);line-height:1.75;font-style:italic;margin:0;padding-left:8px}
.ab-closing p strong{font-style:normal}

/* Sidebar */
.ab-sidebar{position:sticky;top:100px;display:flex;flex-direction:column;gap:16px}
.ab-card{background:#fff;border:1px solid var(--border-light);border-radius:20px;padding:24px;box-shadow:0 2px 10px rgba(15,23,42,.04)}
.ab-card-head{font-size:13px;font-weight:800;color:var(--text-heading);margin-bottom:20px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}
.ab-card-head i{color:var(--brand-main)}

/* Stats in sidebar */
.ab-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ab-stat{border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:4px;text-align:center}
.ab-stat:nth-child(1){background:linear-gradient(135deg,#eff6ff,#dbeafe)}
.ab-stat:nth-child(2){background:linear-gradient(135deg,#f0fdf4,#dcfce7)}
.ab-stat:nth-child(3){background:linear-gradient(135deg,#fff7ed,#ffedd5)}
.ab-stat:nth-child(4){background:linear-gradient(135deg,#f5f3ff,#ede9fe)}
.ab-stat-num{font-family:'Outfit',sans-serif;font-size:28px;font-weight:900;color:var(--text-heading);line-height:1;letter-spacing:-1px}
.ab-stat-num span{font-size:16px;color:var(--brand-main)}
.ab-stat-label{font-size:11px;color:var(--text-muted);font-weight:500;line-height:1.3}

/* CTA Block */
.hw-cta{padding:0 0 72px}
.hw-cta-inner{background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);border-radius:28px;padding:48px 56px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.hw-cta-text h2{font-family:'Outfit',sans-serif;font-size:26px;font-weight:900;color:#fff;margin:0 0 8px;letter-spacing:-.4px}
.hw-cta-text p{font-size:14px;color:#94a3b8;margin:0}
.hw-cta-actions{display:flex;gap:12px;flex-shrink:0}
.hw-cta-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#0f172a;border:none;cursor:pointer;padding:13px 24px;border-radius:var(--radius-pill);font-size:14px;font-weight:700;font-family:'Outfit',sans-serif;text-decoration:none;transition:all .25s;box-shadow:0 4px 14px rgba(0,0,0,.15)}
.hw-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.25);color:#0f172a}

/* Responsive */
@media(max-width:1024px){
    .ab-hero-inner,.ab-layout{grid-template-columns:1fr}
    .ab-sidebar{position:static}
    .ab-hero-title{font-size:34px}
    .ab-hero-nums{grid-template-columns:repeat(4,1fr)}
    .hw-cta-inner{flex-direction:column;padding:36px 24px}
    .hw-cta-btn{justify-content:center;width:100%}
}
@media(max-width:640px){
    .ab-hero-nums{grid-template-columns:1fr 1fr}
    .ab-simple-list{grid-template-columns:1fr}
    .ab-stats{grid-template-columns:1fr 1fr}
    .ab-block{padding:20px}
}


/* ═══════════════════════════════════════
   resources/views/shop/contacts.blade.php
   ═══════════════════════════════════════ */
.co-page { background:var(--bg-body); padding-bottom:56px; }

/* Breadcrumb */
.co-breadcrumb { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--text-muted); padding:20px 0 0; }
.co-breadcrumb a { color:var(--brand-main); text-decoration:none; }
.co-breadcrumb i { font-size:9px; }

/* Header */
.co-header { padding:28px 0 36px; text-align:center; }
.co-h1 { font-family:'Outfit',sans-serif; font-size:46px; font-weight:900; color:var(--text-heading); margin:0 0 10px; letter-spacing:-1.5px; }
.co-h1-sub { font-size:16px; color:var(--text-muted); margin:0; }

/* 3 cards row */
.co-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:40px; }
.co-card { background:#fff; border:1px solid var(--border-light); border-radius:20px; padding:28px 24px; text-align:center; text-decoration:none; color:inherit; transition:all .25s; box-shadow:0 2px 12px rgba(15,23,42,.04); }
.co-card:hover { transform:translateY(-4px); box-shadow:0 12px 32px rgba(15,23,42,.1); }
.co-card-icon { width:56px; height:56px; border-radius:16px; display:grid; place-items:center; font-size:22px; margin:0 auto 16px; }
.co-card-icon--blue   { background:#eff6ff; color:#0284c7; }
.co-card-icon--indigo { background:#eef2ff; color:#4f46e5; }
.co-card-icon--green  { background:#f0fdf4; color:#16a34a; }
.co-card-title { display:block; text-align:center; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.8px; color:var(--text-muted); margin-bottom:8px; }
.co-card-val { font-family:'Outfit',sans-serif; font-size:17px; font-weight:800; color:var(--text-heading); margin-bottom:4px; }
.co-card-hint { font-size:13px; color:var(--text-muted); }

/* Form + Map 50/50 */
.co-main { display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:stretch; }

/* Form side */
.co-form-wrap { background:#fff; border:1px solid var(--border-light); border-radius:24px; padding:36px; box-shadow:0 2px 12px rgba(15,23,42,.04); }
.co-form-head { margin-bottom:28px; }
.co-form-head h2 { font-family:'Outfit',sans-serif; font-size:22px; font-weight:900; color:var(--text-heading); margin:0 0 6px; }
.co-form-head p { font-size:14px; color:var(--text-muted); margin:0; line-height:1.6; }

.co-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.co-field { margin-bottom:14px; }
.co-row .co-field { margin-bottom:0; }
.co-label { display:block; font-size:11px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:var(--text-muted); margin-bottom:7px; }
.co-req { color:var(--brand-main); }
.co-input { width:100%; box-sizing:border-box; background:#f8fafc; border:1.5px solid var(--border-light); border-radius:12px; padding:11px 14px; font-size:14px; color:var(--text-heading); font-family:'Inter',sans-serif; outline:none; transition:all .2s; }
.co-input::placeholder { color:#94a3b8; }
.co-input:focus { border-color:var(--brand-main); background:#fff; box-shadow:0 0 0 3px rgba(2,132,199,.1); }
.co-textarea { resize:vertical; min-height:96px; }
.co-error { background:#fef2f2; border:1px solid #fecaca; color:#dc2626; border-radius:10px; padding:10px 14px; font-size:13px; margin-bottom:14px; }
.co-form-footer { display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-top:6px; }
.co-btn { background:var(--brand-main); color:#fff; border:none; cursor:pointer; font-family:'Outfit',sans-serif; font-size:15px; font-weight:800; padding:13px 28px; border-radius:12px; display:inline-flex; align-items:center; gap:10px; transition:all .25s; box-shadow:0 6px 18px rgba(2,132,199,.28); white-space:nowrap; }
.co-btn:hover:not(:disabled) { background:var(--brand-hover); transform:translateY(-2px); }
.co-btn:disabled { opacity:.6; cursor:not-allowed; transform:none; }
.co-privacy { font-size:12px; color:#94a3b8; margin:0; line-height:1.5; flex:1; }
.co-privacy a { color:var(--brand-main); text-decoration:none; }

/* Divider */
.co-or { display:flex; align-items:center; gap:12px; margin:24px 0 16px; }
.co-or::before,.co-or::after { content:''; flex:1; height:1px; background:var(--border-light); }
.co-or span { font-size:12px; color:var(--text-muted); white-space:nowrap; }

/* Messengers */
.co-messengers { display:flex; gap:12px; }
.co-msg { display:inline-flex; align-items:center; justify-content:center; gap:8px; flex:1; padding:12px; border-radius:12px; font-size:14px; font-weight:700; text-decoration:none; transition:all .2s; }
.co-msg--viber { background:#f3eeff; color:#7360f2; }
.co-msg--viber:hover { background:#7360f2; color:#fff; }
.co-msg--tg { background:#e7f5ff; color:#2197d6; }
.co-msg--tg:hover { background:#2197d6; color:#fff; }

/* Success */
.co-success { text-align:center; padding:32px 16px 24px; }
.co-ok-icon { width:56px; height:56px; border-radius:50%; background:linear-gradient(135deg,#dcfce7,#bbf7d0); color:#16a34a; font-size:24px; display:grid; place-items:center; margin:0 auto 16px; }
.co-success h3 { font-family:'Outfit',sans-serif; font-size:20px; font-weight:900; color:var(--text-heading); margin:0 0 8px; }
.co-success p { font-size:14px; color:var(--text-muted); margin:0; }

/* Map side */
.co-map-wrap { border-radius:24px; overflow:hidden; position:relative; border:1px solid var(--border-light); box-shadow:0 2px 12px rgba(15,23,42,.04); height:100%; }
.co-map-wrap iframe { height:100% !important; min-height:480px; }
.co-map-overlay { position:absolute; bottom:16px; left:16px; pointer-events:none; }
.co-map-badge { display:inline-flex; align-items:center; gap:8px; background:#fff; border-radius:100px; padding:8px 16px; font-size:13px; font-weight:700; color:var(--text-heading); box-shadow:0 4px 16px rgba(15,23,42,.15); }
.co-map-badge i { color:#ef4444; }

/* Responsive */
@media(max-width:1024px) {
    .co-main { grid-template-columns:1fr; }
    .co-map-wrap iframe { min-height:320px !important; }
    .co-h1 { font-size:34px; }
}
@media(max-width:640px) {
    .co-cards { grid-template-columns:1fr; }
    .co-row { grid-template-columns:1fr; }
    .co-form-footer { flex-direction:column; align-items:flex-start; }
}


/* ═══════════════════════════════════════
   resources/views/shop/payment.blade.php
   ═══════════════════════════════════════ */
.pm-page { background:var(--bg-body); }

/* Hero */
.pm-hero { background:#fff; border-bottom:1px solid var(--border-light); padding:44px 0 52px; }
.pm-breadcrumb { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--text-muted); margin-bottom:24px; }
.pm-breadcrumb a { color:var(--brand-main); text-decoration:none; }
.pm-breadcrumb i { font-size:9px; }
.pm-hero-grid { max-width:680px; }
.pm-badge { display:inline-flex; align-items:center; gap:8px; background:#eff6ff; color:var(--brand-main); font-size:12px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; padding:6px 14px; border-radius:100px; margin-bottom:16px; }
.pm-title { font-family:'Outfit',sans-serif; font-size:40px; font-weight:900; color:var(--text-heading); margin:0 0 16px; letter-spacing:-1px; line-height:1.1; }
.pm-lead { font-size:15px; color:var(--text-muted); line-height:1.7; margin:0 0 28px; }
.pm-cta { display:inline-flex; align-items:center; gap:10px; background:var(--brand-main); color:#fff; padding:14px 28px; border-radius:var(--radius-pill); font-family:'Outfit',sans-serif; font-size:15px; font-weight:700; text-decoration:none; transition:all .25s; box-shadow:0 8px 24px rgba(2,132,199,.3); }
.pm-cta:hover { background:var(--brand-hover); transform:translateY(-2px); }
.pm-hero-stats { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.pm-stat { background:linear-gradient(135deg,#eff6ff,#dbeafe); border-radius:18px; padding:22px; text-align:center; }
.pm-stat-num { font-family:'Outfit',sans-serif; font-size:28px; font-weight:900; color:var(--brand-main); line-height:1; }
.pm-stat-label { font-size:12px; color:var(--text-muted); margin-top:6px; line-height:1.4; }

/* Sections */
.pm-section { padding:72px 0; }
.pm-section--gray { background:#f8fafc; }
.pm-section-head { text-align:center; margin-bottom:48px; }
.pm-section-head h2 { font-family:'Outfit',sans-serif; font-size:30px; font-weight:900; color:var(--text-heading); margin:0 0 10px; }
.pm-section-head p { font-size:15px; color:var(--text-muted); max-width:540px; margin:0 auto; line-height:1.6; }

/* Conditions */
.pm-conditions { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.pm-cond { background:#fff; border:1px solid var(--border-light); border-radius:20px; padding:32px; box-shadow:0 2px 12px rgba(15,23,42,.04); transition:all .3s; }
.pm-cond:hover { transform:translateY(-4px); box-shadow:0 16px 40px rgba(15,23,42,.1); }
.pm-cond-icon { width:52px; height:52px; border-radius:14px; background:linear-gradient(135deg,#eff6ff,#dbeafe); color:var(--brand-main); font-size:22px; display:grid; place-items:center; margin-bottom:16px; }
.pm-cond h3 { font-family:'Outfit',sans-serif; font-size:16px; font-weight:800; color:var(--text-heading); margin:0 0 10px; }
.pm-cond p { font-size:14px; color:var(--text-muted); line-height:1.7; margin:0; }

/* Steps */
.pm-steps { display:flex; flex-direction:column; max-width:700px; margin:0 auto; gap:0; }
.pm-step { display:flex; gap:24px; align-items:flex-start; position:relative; padding-bottom:32px; }
.pm-step:last-child { padding-bottom:0; }
.pm-step:not(:last-child)::after { content:''; position:absolute; left:27px; top:56px; bottom:0; width:2px; background:linear-gradient(180deg,var(--brand-main),#bfdbfe); }
.pm-step-num { width:56px; height:56px; flex-shrink:0; border-radius:50%; background:linear-gradient(135deg,var(--brand-main),#0369a1); color:#fff; font-family:'Outfit',sans-serif; font-size:16px; font-weight:900; display:grid; place-items:center; box-shadow:0 8px 20px rgba(2,132,199,.3); }
.pm-step-body { padding-top:12px; }
.pm-step-body h3 { font-family:'Outfit',sans-serif; font-size:16px; font-weight:800; color:var(--text-heading); margin:0 0 8px; }
.pm-step-body p { font-size:14px; color:var(--text-muted); line-height:1.7; margin:0; }

/* Documents */
.pm-docs { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.pm-doc { display:flex; gap:16px; align-items:flex-start; background:#fff; border:1px solid var(--border-light); border-radius:16px; padding:24px; box-shadow:0 2px 8px rgba(15,23,42,.04); transition:all .25s; }
.pm-doc:hover { transform:translateY(-3px); box-shadow:0 10px 28px rgba(15,23,42,.08); }
.pm-doc-icon { width:44px; height:44px; flex-shrink:0; border-radius:12px; background:linear-gradient(135deg,#eff6ff,#dbeafe); color:var(--brand-main); font-size:18px; display:grid; place-items:center; }
.pm-doc-body h3 { font-family:'Outfit',sans-serif; font-size:14px; font-weight:800; color:var(--text-heading); margin:0 0 6px; }
.pm-doc-body p { font-size:13px; color:var(--text-muted); line-height:1.6; margin:0; }

/* CTA */
.pm-section--cta { padding:56px 0; background:linear-gradient(135deg,#0f172a,#0369a1); }
.pm-cta-box { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.pm-cta-text h2 { font-family:'Outfit',sans-serif; font-size:28px; font-weight:900; color:#fff; margin:0 0 8px; }
.pm-cta-text p { font-size:15px; color:rgba(255,255,255,.7); margin:0; line-height:1.6; }
.pm-cta-actions { display:flex; gap:12px; flex-shrink:0; }
.pm-cta-btn { display:inline-flex; align-items:center; gap:10px; padding:14px 24px; border-radius:var(--radius-pill); font-family:'Outfit',sans-serif; font-size:15px; font-weight:700; text-decoration:none; transition:all .25s; white-space:nowrap; }
.pm-cta-btn--primary { background:#fff; color:var(--brand-main); box-shadow:0 8px 24px rgba(0,0,0,.2); }
.pm-cta-btn--primary:hover { transform:translateY(-2px); box-shadow:0 12px 32px rgba(0,0,0,.3); }
.pm-cta-btn--outline { background:rgba(255,255,255,.1); color:#fff; border:1px solid rgba(255,255,255,.3); backdrop-filter:blur(8px); }
.pm-cta-btn--outline:hover { background:rgba(255,255,255,.2); }

/* Responsive */
@media(max-width:1024px) {
    .pm-hero-grid { grid-template-columns:1fr; }
    .pm-hero-stats { grid-template-columns:repeat(4,1fr); }
    .pm-conditions { grid-template-columns:1fr; }
    .pm-docs { grid-template-columns:1fr 1fr; }
    .pm-cta-box { flex-direction:column; text-align:center; }
    .pm-title { font-size:30px; }
}
@media(max-width:640px) {
    .pm-docs { grid-template-columns:1fr; }
    .pm-hero-stats { grid-template-columns:1fr 1fr; }
    .pm-cta-actions { flex-direction:column; width:100%; }
}


/* ═══════════════════════════════════════
   resources/views/shop/privacy.blade.php
   ═══════════════════════════════════════ */
.pp-page { background: var(--bg-body); }
.pp-hero { background:#fff; border-bottom:1px solid var(--border-light); padding:40px 0 44px; }
.pp-breadcrumb { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--text-muted); margin-bottom:16px; }
.pp-breadcrumb a { color:var(--brand-main); text-decoration:none; }
.pp-breadcrumb i { font-size:9px; }
.pp-title { font-family:'Outfit',sans-serif; font-size:38px; font-weight:900; color:var(--text-heading); margin:0 0 8px; letter-spacing:-1px; }
.pp-meta { font-size:13px; color:var(--text-muted); margin:0; }

.pp-body { padding:56px 0 80px; }
.pp-layout { display:grid; grid-template-columns:240px 1fr; gap:40px; align-items:start; }

/* TOC */
.pp-toc { position:sticky; top:100px; }
.pp-toc-inner { background:#fff; border:1px solid var(--border-light); border-radius:20px; padding:24px; box-shadow:var(--shadow-float); }
.pp-toc-title { font-size:11px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:var(--text-muted); margin-bottom:14px; }
.pp-toc-list { margin:0; padding:0 0 0 18px; display:flex; flex-direction:column; gap:2px; }
.pp-toc-list li { font-size:13px; }
.pp-toc-list a { color:var(--text-muted); text-decoration:none; line-height:1.9; display:block; transition:color .2s; }
.pp-toc-list a:hover { color:var(--brand-main); }

/* Sections */
.pp-section { background:#fff; border:1px solid var(--border-light); border-radius:20px; padding:32px 36px; margin-bottom:16px; box-shadow:var(--shadow-float); }
.pp-section:last-child { margin-bottom:0; }
.pp-section h2 { font-family:'Outfit',sans-serif; font-size:19px; font-weight:800; color:var(--text-heading); margin:0 0 16px; padding-bottom:12px; border-bottom:1px solid var(--border-light); }
.pp-section p { font-size:14px; color:var(--text-main); line-height:1.8; margin:0 0 12px; }
.pp-section p:last-child { margin:0; }
.pp-section ul { margin:8px 0 12px; padding:0; list-style:none; display:flex; flex-direction:column; gap:8px; }
.pp-section ul:last-child { margin-bottom:0; }
.pp-section ul li { font-size:14px; color:var(--text-main); line-height:1.7; padding-left:20px; position:relative; }
.pp-section ul li::before { content:'—'; position:absolute; left:0; color:var(--brand-main); font-weight:700; }
.pp-section a { color:var(--brand-main); text-decoration:none; }
.pp-section a:hover { text-decoration:underline; }

.pp-contact-block { background:#f8fafc; border:1px solid var(--border-light); border-radius:14px; padding:20px 24px; margin-top:16px; display:flex; flex-direction:column; gap:10px; }
.pp-contact-row { display:flex; align-items:center; gap:10px; font-size:14px; color:var(--text-heading); font-weight:500; }
.pp-contact-row i { width:16px; color:var(--brand-main); flex-shrink:0; text-align:center; }
.pp-contact-row a { color:var(--brand-main); text-decoration:none; font-weight:400; }

@media(max-width:1024px) {
    .pp-layout { grid-template-columns:1fr; }
    .pp-toc { position:static; }
    .pp-title { font-size:28px; }
    .pp-section { padding:24px 20px; }
}


/* ═══════════════════════════════════════
   resources/views/shop/how-we-work.blade.php
   ═══════════════════════════════════════ */
/* ── Quote Modal ─────────────────────────────────────── */
.qm-overlay {
    position: fixed; inset: 0; z-index: 9000;
    display: flex; align-items: center; justify-content: center;
    padding: 20px;
}
.qm-backdrop {
    position: absolute; inset: 0;
    background: rgba(15,23,42,.5);
    backdrop-filter: blur(6px);
}
.qm-box {
    position: relative; z-index: 1;
    background: #fff;
    border-radius: 24px;
    padding: 40px;
    width: 100%; max-width: 640px;
    max-height: 90vh; overflow-y: auto;
    box-shadow: 0 24px 80px rgba(15,23,42,.2);
    border: 1px solid var(--border-light);
    animation: qmIn .3s cubic-bezier(.34,1.56,.64,1);
}
@keyframes qmIn {
    from { opacity:0; transform: scale(.92) translateY(20px); }
    to   { opacity:1; transform: scale(1) translateY(0); }
}
.qm-close {
    position: absolute; top: 16px; right: 16px;
    width: 36px; height: 36px;
    background: #f1f5f9; border: none;
    border-radius: 50%; color: var(--text-muted);
    font-size: 14px; cursor: pointer;
    display: grid; place-items: center;
    transition: all .2s;
}
.qm-close:hover { background: #e2e8f0; color: var(--text-heading); }

.qm-header { margin-bottom: 28px; }
.qm-title {
    font-family: 'Outfit', sans-serif;
    font-size: 24px; font-weight: 900;
    color: var(--text-heading); margin: 0 0 8px;
    letter-spacing: -.4px;
}
.qm-subtitle { font-size: 14px; color: var(--text-muted); margin: 0; line-height: 1.5; }

.qm-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.qm-field { margin-bottom: 16px; }
.qm-grid .qm-field { margin-bottom: 0; }

.qm-label {
    display: block; font-size: 11px; font-weight: 800;
    letter-spacing: 1px; text-transform: uppercase;
    color: var(--text-muted); margin-bottom: 8px;
}
.qm-req { color: var(--brand-main); }
.qm-optional { font-weight: 500; letter-spacing: 0; text-transform: none; font-size: 11px; color: #94a3b8; }

.qm-input {
    width: 100%; box-sizing: border-box;
    background: #f8fafc;
    border: 1px solid var(--border-light);
    border-radius: 12px;
    padding: 13px 16px;
    font-size: 14px; color: var(--text-heading);
    font-family: 'Inter', sans-serif;
    outline: none; transition: all .2s;
}
.qm-input::placeholder { color: #94a3b8; }
.qm-input:focus {
    border-color: var(--brand-main);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(2,132,199,.12);
}
.qm-textarea { resize: vertical; min-height: 110px; }

.qm-error {
    background: #fef2f2; border: 1px solid #fecaca;
    color: #dc2626; border-radius: 10px; padding: 12px 16px;
    font-size: 13px; margin-bottom: 16px;
}

.qm-submit {
    width: 100%; border: none; cursor: pointer;
    background: var(--brand-main);
    color: #fff; font-family: 'Outfit', sans-serif;
    font-size: 16px; font-weight: 800;
    padding: 16px 24px; border-radius: 14px;
    display: flex; align-items: center; justify-content: center; gap: 10px;
    transition: all .25s;
    box-shadow: 0 8px 24px rgba(2,132,199,.3);
}
.qm-submit:hover:not(:disabled) { background: var(--brand-hover); transform: translateY(-2px); box-shadow: 0 12px 32px rgba(2,132,199,.4); }
.qm-submit:disabled { opacity: .6; cursor: not-allowed; transform: none; }

.qm-privacy {
    text-align: center; font-size: 12px; color: #94a3b8;
    margin: 14px 0 0; line-height: 1.5;
}
.qm-privacy a { color: var(--brand-main); text-decoration: none; }
.qm-privacy a:hover { text-decoration: underline; }

/* Success box */
.qs-overlay { position: fixed; inset: 0; z-index: 9100; display: flex; align-items: center; justify-content: center; padding: 20px; }
.qs-box {
    position: relative; z-index: 1;
    background: #fff; border-radius: 24px; padding: 48px 40px;
    text-align: center; max-width: 420px; width: 100%;
    border: 1px solid var(--border-light);
    box-shadow: 0 24px 80px rgba(15,23,42,.2);
    animation: qmIn .3s cubic-bezier(.34,1.56,.64,1);
}
.qs-icon {
    width: 64px; height: 64px; border-radius: 50%;
    background: linear-gradient(135deg, #dcfce7, #bbf7d0);
    color: #16a34a; font-size: 28px;
    display: grid; place-items: center; margin: 0 auto 20px;
}
.qs-box h3 { font-family: 'Outfit', sans-serif; font-size: 22px; font-weight: 900; color: var(--text-heading); margin: 0 0 10px; }
.qs-box p { font-size: 14px; color: var(--text-muted); line-height: 1.6; margin: 0; }

@media(max-width: 600px) {
    .qm-box { padding: 28px 20px; }
    .qm-grid { grid-template-columns: 1fr; }
}
/* ─── How We Work Page ───────────────────────────────── */
.hw-page { background: var(--bg-body); }

/* Hero */
.hw-hero {
    background: #fff;
    border-bottom: 1px solid var(--border-light);
    padding: 48px 0 52px;
}
.hw-breadcrumb {
    display: flex; align-items: center; gap: 8px;
    font-size: 13px; color: var(--text-muted); margin-bottom: 20px;
}
.hw-breadcrumb a { color: var(--brand-main); text-decoration: none; }
.hw-breadcrumb a:hover { text-decoration: underline; }
.hw-breadcrumb i { font-size: 9px; }
.hw-title {
    font-family: 'Outfit', sans-serif;
    font-size: 42px; font-weight: 900;
    color: var(--text-heading); letter-spacing: -1px;
    margin: 0 0 16px; line-height: 1.1;
}
.hw-lead {
    font-size: 16px; color: var(--text-muted); line-height: 1.7;
    max-width: 600px; margin: 0;
}

/* Steps section */
.hw-steps-section { padding: 72px 0 80px; }
.hw-steps { max-width: 820px; margin: 0 auto; }

/* Single step */
.hw-step {
    position: relative;
    padding-left: 100px;
    padding-bottom: 24px;
}

/* Вертикальна лінія (між кроками) */
.hw-step:not(.hw-step--last)::after {
    content: '';
    position: absolute;
    left: 75px;
    top: 52px;
    bottom: 0;
    width: 2px;
    background: linear-gradient(180deg, var(--brand-main) 0%, #bfdbfe 100%);
}

/* Номер кроку */
.hw-step-num {
    position: absolute;
    left: 0; top: 22px;
    width: 60px;
    font-family: 'Outfit', sans-serif;
    font-size: 13px; font-weight: 900;
    color: var(--brand-main); letter-spacing: 1px;
    text-align: right;
}

/* Крапка на лінії */
.hw-step-connector {
    position: absolute;
    left: 69px; top: 26px;
    width: 14px; height: 14px;
    background: var(--brand-main);
    border-radius: 50%;
    box-shadow: 0 0 0 4px #eff6ff;
    z-index: 1;
}
.hw-step--last .hw-step-connector { background: #16a34a; box-shadow: 0 0 0 4px #dcfce7; }


.hw-step-card {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    background: #fff;
    border: 1px solid var(--border-light);
    border-radius: 24px;
    padding: 28px 32px;
    margin-bottom: 0;
    width: 100%;
    box-shadow: var(--shadow-float);
    transition: all .3s;
}
.hw-step-card:hover {
    border-color: #bfdbfe;
    box-shadow: 0 12px 40px rgba(2,132,199,.1);
    transform: translateY(-3px);
}

/* Step icon */
.hw-step-icon {
    width: 52px; height: 52px; flex-shrink: 0;
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    color: var(--brand-main);
    border-radius: 16px;
    display: grid; place-items: center;
    font-size: 22px;
    margin-top: 2px;
}
.hw-step-icon--green {
    background: linear-gradient(135deg, #dcfce7, #bbf7d0);
    color: #16a34a;
}

.hw-step-body { flex: 1; min-width: 0; }

.hw-step-title {
    font-family: 'Outfit', sans-serif;
    font-size: 20px; font-weight: 800;
    color: var(--text-heading);
    margin: 0 0 10px; letter-spacing: -.3px;
}
.hw-step-text {
    font-size: 14px; color: var(--text-muted);
    line-height: 1.7; margin: 0 0 16px;
}

/* Tags */
.hw-step-tags {
    display: flex; flex-wrap: wrap; gap: 8px;
}
.hw-step-tags span {
    display: inline-flex; align-items: center; gap: 6px;
    background: #f8fafc; border: 1px solid var(--border-light);
    border-radius: 100px; padding: 4px 12px;
    font-size: 12px; font-weight: 600; color: var(--text-heading);
}
.hw-step-tags span i { color: #16a34a; font-size: 10px; }

/* CTA */
.hw-cta { padding: 0 0 80px; }
.hw-cta-inner {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%);
    border-radius: 32px; padding: 52px 60px;
    display: flex; align-items: center;
    justify-content: space-between; gap: 40px;
}
.hw-cta-text h2 {
    font-family: 'Outfit', sans-serif;
    font-size: 26px; font-weight: 900; color: #fff;
    margin: 0 0 8px; letter-spacing: -.4px;
}
.hw-cta-text p { font-size: 14px; color: #94a3b8; margin: 0; }
.hw-cta-actions { display: flex; gap: 12px; flex-shrink: 0; }
.hw-cta-btn {
    display: inline-flex; align-items: center; gap: 8px;
    background: #fff; color: #0f172a;
    padding: 13px 24px; border-radius: var(--radius-pill);
    font-size: 14px; font-weight: 700; font-family: 'Outfit', sans-serif;
    text-decoration: none; transition: all .25s;
}
.hw-cta-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,.25); color: #0f172a; }
.hw-cta-btn--outline {
    background: transparent; color: #cbd5e1;
    border: 1px solid rgba(255,255,255,.2);
}
.hw-cta-btn--outline:hover { background: rgba(255,255,255,.08); color: #fff; }

@media(max-width:768px) {
    .hw-step { grid-template-columns: 40px 24px 1fr; }
    .hw-step-card { padding: 20px; flex-direction: column; gap: 14px; margin-left: 12px; }
    .hw-title { font-size: 30px; }
    .hw-cta-inner { flex-direction: column; padding: 36px 24px; }
    .hw-cta-actions { flex-direction: column; width: 100%; }
    .hw-cta-btn { justify-content: center; }
}


/* ═══════════════════════════════════════
   resources/views/shop/tenders.blade.php
   ═══════════════════════════════════════ */
.td-page { background: var(--bg-body); }

/* Hero */
.td-hero { background:#fff; border-bottom:1px solid var(--border-light); padding:44px 0 52px; }
.td-breadcrumb { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--text-muted); margin-bottom:24px; }
.td-breadcrumb a { color:var(--brand-main); text-decoration:none; }
.td-breadcrumb i { font-size:9px; }
.td-hero-grid { display:grid; grid-template-columns:1fr 340px; gap:60px; align-items:center; }
.td-badge { display:inline-flex; align-items:center; gap:8px; background:#eff6ff; color:var(--brand-main); font-size:12px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; padding:6px 14px; border-radius:100px; margin-bottom:16px; }
.td-title { font-family:'Outfit',sans-serif; font-size:42px; font-weight:900; color:var(--text-heading); margin:0 0 16px; letter-spacing:-1px; line-height:1.1; }
.td-lead { font-size:15px; color:var(--text-muted); line-height:1.7; margin:0 0 28px; }
.td-hero-btn { display:inline-flex; align-items:center; gap:10px; background:var(--brand-main); color:#fff; padding:14px 28px; border-radius:var(--radius-pill); font-family:'Outfit',sans-serif; font-size:15px; font-weight:700; text-decoration:none; transition:all .25s; box-shadow:0 8px 24px rgba(2,132,199,.3); }
.td-hero-btn:hover { background:var(--brand-hover); transform:translateY(-2px); }
.td-hero-stats { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.td-stat { background:linear-gradient(135deg,#eff6ff,#dbeafe); border-radius:20px; padding:24px; text-align:center; }
.td-stat-num { font-family:'Outfit',sans-serif; font-size:32px; font-weight:900; color:var(--brand-main); line-height:1; }
.td-stat-label { font-size:12px; color:var(--text-muted); margin-top:6px; }

/* Sections */
.td-section { padding:72px 0; }
.td-section--gray { background:#f8fafc; }
.td-section-head { text-align:center; margin-bottom:48px; }
.td-section-head h2 { font-family:'Outfit',sans-serif; font-size:30px; font-weight:900; color:var(--text-heading); margin:0 0 10px; }
.td-section-head p { font-size:15px; color:var(--text-muted); max-width:560px; margin:0 auto; line-height:1.6; }

/* Features */
.td-features { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.td-feature { background:#fff; border:1px solid var(--border-light); border-radius:20px; padding:28px; box-shadow:var(--shadow-float); transition:all .3s; }
.td-feature:hover { transform:translateY(-4px); box-shadow:0 16px 40px rgba(15,23,42,.1); }
.td-f-icon { width:48px; height:48px; border-radius:14px; background:linear-gradient(135deg,#eff6ff,#dbeafe); color:var(--brand-main); font-size:20px; display:grid; place-items:center; margin-bottom:16px; }
.td-feature h3 { font-family:'Outfit',sans-serif; font-size:15px; font-weight:800; color:var(--text-heading); margin:0 0 8px; }
.td-feature p { font-size:13px; color:var(--text-muted); line-height:1.6; margin:0; }

/* Process */
.td-process { display:flex; flex-direction:column; max-width:700px; margin:0 auto; gap:0; }
.td-process-step { display:flex; gap:24px; align-items:flex-start; position:relative; padding-bottom:32px; }
.td-process-step:last-child { padding-bottom:0; }
.td-process-step:not(:last-child)::after { content:''; position:absolute; left:27px; top:56px; bottom:0; width:2px; background:linear-gradient(180deg,var(--brand-main),#bfdbfe); }
.td-ps-num { width:56px; height:56px; flex-shrink:0; border-radius:50%; background:linear-gradient(135deg,var(--brand-main),#0369a1); color:#fff; font-family:'Outfit',sans-serif; font-size:16px; font-weight:900; display:grid; place-items:center; box-shadow:0 8px 20px rgba(2,132,199,.3); }
.td-ps-body { padding-top:12px; }
.td-ps-body h3 { font-family:'Outfit',sans-serif; font-size:16px; font-weight:800; color:var(--text-heading); margin:0 0 6px; }
.td-ps-body p { font-size:14px; color:var(--text-muted); line-height:1.6; margin:0; }

/* Invite Form */
.td-form-wrap { display:grid; grid-template-columns:360px 1fr; gap:48px; align-items:start; }
.td-form-info h2 { font-family:'Outfit',sans-serif; font-size:26px; font-weight:900; color:var(--text-heading); margin:0 0 12px; }
.td-form-info p { font-size:14px; color:var(--text-muted); line-height:1.7; margin:0 0 20px; }
.td-form-perks { list-style:none; margin:0 0 24px; padding:0; display:flex; flex-direction:column; gap:8px; }
.td-form-perks li { display:flex; align-items:center; gap:10px; font-size:14px; color:var(--text-main); font-weight:500; }
.td-form-perks li i { color:#16a34a; }
.td-form-contacts { display:flex; flex-direction:column; gap:10px; }
.td-form-contacts a { display:flex; align-items:center; gap:10px; font-size:14px; color:var(--brand-main); text-decoration:none; font-weight:600; transition:opacity .2s; }
.td-form-contacts a:hover { opacity:.8; }

.td-form-box { background:#fff; border:1px solid var(--border-light); border-radius:24px; padding:36px; box-shadow:var(--shadow-float); }
.td-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px; }
.td-field { margin-bottom:16px; }
.td-grid .td-field { margin-bottom:0; }
.td-label { display:block; font-size:11px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:var(--text-muted); margin-bottom:8px; }
.td-req { color:var(--brand-main); }
.td-optional { font-weight:500; letter-spacing:0; text-transform:none; font-size:11px; color:#94a3b8; }
.td-input { width:100%; box-sizing:border-box; background:#f8fafc; border:1px solid var(--border-light); border-radius:12px; padding:12px 16px; font-size:14px; color:var(--text-heading); font-family:'Inter',sans-serif; outline:none; transition:all .2s; }
.td-input::placeholder { color:#94a3b8; }
.td-input:focus { border-color:var(--brand-main); background:#fff; box-shadow:0 0 0 3px rgba(2,132,199,.12); }
input[type="date"].td-input { color:var(--text-heading); }

/* Type toggle */
.td-type-toggle { display:flex; gap:10px; }
.td-type-opt { flex:1; cursor:pointer; }
.td-type-opt input { display:none; }
.td-type-opt span { display:flex; align-items:center; justify-content:center; gap:8px; padding:12px; border-radius:12px; border:2px solid var(--border-light); font-size:13px; font-weight:700; color:var(--text-muted); background:#f8fafc; transition:all .2s; cursor:pointer; }
.td-type-opt input:checked + span { border-color:var(--brand-main); background:#eff6ff; color:var(--brand-main); }

.td-error { background:#fef2f2; border:1px solid #fecaca; color:#dc2626; border-radius:10px; padding:12px 16px; font-size:13px; margin-bottom:16px; }
.td-submit { width:100%; border:none; cursor:pointer; background:var(--brand-main); color:#fff; font-family:'Outfit',sans-serif; font-size:16px; font-weight:800; padding:15px 24px; border-radius:14px; display:flex; align-items:center; justify-content:center; gap:10px; transition:all .25s; box-shadow:0 8px 24px rgba(2,132,199,.3); }
.td-submit:hover:not(:disabled) { background:var(--brand-hover); transform:translateY(-2px); }
.td-submit:disabled { opacity:.6; cursor:not-allowed; transform:none; }
.td-privacy { text-align:center; font-size:12px; color:#94a3b8; margin:12px 0 0; line-height:1.5; }
.td-privacy a { color:var(--brand-main); text-decoration:none; }

.td-success-msg { text-align:center; padding:40px 20px; }
.td-success-icon { width:64px; height:64px; border-radius:50%; background:linear-gradient(135deg,#dcfce7,#bbf7d0); color:#16a34a; font-size:28px; display:grid; place-items:center; margin:0 auto 20px; }
.td-success-msg h3 { font-family:'Outfit',sans-serif; font-size:22px; font-weight:900; color:var(--text-heading); margin:0 0 8px; }
.td-success-msg p { font-size:14px; color:var(--text-muted); }

@media(max-width:1024px) {
    .td-hero-grid { grid-template-columns:1fr; }
    .td-hero-stats { grid-template-columns:repeat(4,1fr); }
    .td-features { grid-template-columns:1fr 1fr; }
    .td-form-wrap { grid-template-columns:1fr; }
    .td-title { font-size:30px; }
}
@media(max-width:640px) {
    .td-features { grid-template-columns:1fr; }
    .td-grid { grid-template-columns:1fr; }
    .td-hero-stats { grid-template-columns:1fr 1fr; }
}


/* ═══════════════════════════════════════
   resources/views/shop/cooperation.blade.php
   ═══════════════════════════════════════ */
.cp{background:var(--bg-body)}
.cp-hero{position:relative;background:linear-gradient(135deg,#0c1a2e 0%,#1e3a5f 60%,#1a4a7a 100%);padding:52px 0 60px;overflow:hidden}
.cp-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(59,130,246,.15) 0%,transparent 60%);pointer-events:none}
.cp-hero-inner{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:center;position:relative;z-index:2}
.cp-h1{font-family:'Outfit',sans-serif;font-size:48px;font-weight:900;color:#fff;margin:0 0 16px;letter-spacing:-2px;line-height:1.05}
.cp-lead{font-size:15px;color:rgba(255,255,255,.75);line-height:1.7;margin:0 0 28px}
.cp-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.85);font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:5px 14px;border-radius:100px;margin-bottom:16px;border:1px solid rgba(255,255,255,.15)}
.cp-hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.cp-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--radius-pill);font-family:'Outfit',sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;border:none;cursor:pointer;white-space:nowrap}
.cp-btn--white{background:#fff;color:#0c1a2e;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.cp-btn--white:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.3);color:#0c1a2e}
.cp-btn--ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.25)}
.cp-btn--ghost:hover{background:rgba(255,255,255,.18);color:#fff}
.cp-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cp-stat{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px;text-align:center;transition:all .2s}
.cp-stat:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}
.cp-stat-n{display:block;font-family:'Outfit',sans-serif;font-size:26px;font-weight:900;color:#fff}
.cp-stat-l{display:block;font-size:11px;color:rgba(255,255,255,.6);margin-top:3px}
.cp-wrap{padding:56px 0 72px}
.cp-cta{background:linear-gradient(135deg,#0c1a2e,#1e3a5f);padding:52px 0}
.cp-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}
.cp-cta-inner h2{font-family:'Outfit',sans-serif;font-size:26px;font-weight:900;color:#fff;margin:0 0 7px}
.cp-cta-inner p{font-size:14px;color:rgba(255,255,255,.7);margin:0}
.cp-cta-btns{display:flex;gap:10px;flex-shrink:0}
.cp{background:var(--bg-body);padding:56px 0 72px}
.cp-intro{max-width:720px;margin:0 auto 56px;text-align:center}
.cp-intro h1{font-family:'Outfit',sans-serif;font-size:36px;font-weight:900;color:var(--text-heading);margin:0 0 16px;letter-spacing:-1px}
.cp-intro p{font-size:16px;color:var(--text-muted);line-height:1.75;margin:0}
.cp-bc{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.5);margin-bottom:24px;position:relative;z-index:2}
.cp-bc a{color:rgba(255,255,255,.75);text-decoration:none}
.cp-bc a:hover{color:#fff}
.cp-bc i{font-size:9px}
.cp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.cp-card{background:#fff;border:2px solid var(--brand-main);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 20px rgba(2,132,199,.1);transition:all .3s}
.cp-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(2,132,199,.18)}
.cp-card-top{display:flex;align-items:center}
.cp-ico{width:48px;height:48px;border-radius:13px;color:#fff;font-size:20px;display:grid;place-items:center;flex-shrink:0}
.cp-card h3{font-family:'Outfit',sans-serif;font-size:17px;font-weight:900;color:var(--text-heading);margin:0}
.cp-card>p{font-size:13px;color:var(--text-muted);line-height:1.7;margin:0}
.cp-ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:7px;flex:1}
.cp-ul li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-heading);font-weight:500}
.cp-ul li i{color:#16a34a;font-size:10px;flex-shrink:0}
.cp-cta-btn{display:block;text-align:center;padding:11px 18px;border-radius:var(--radius-pill);font-family:'Outfit',sans-serif;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;background:var(--brand-main);color:#fff;box-shadow:0 4px 14px rgba(2,132,199,.25);margin-top:auto}
.cp-cta-btn:hover{background:var(--brand-hover);color:#fff;transform:translateY(-1px);box-shadow:0 8px 20px rgba(2,132,199,.35)}
.cp-note{margin-top:48px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:20px;padding:36px 40px;text-align:center}
.cp-note h2{font-family:'Outfit',sans-serif;font-size:22px;font-weight:900;color:var(--text-heading);margin:0 0 12px}
.cp-note p{font-size:15px;color:#334155;line-height:1.75;margin:0 0 20px;max-width:640px;margin-left:auto;margin-right:auto}
.cp-note a{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:var(--radius-pill);background:var(--brand-main);color:#fff;font-family:'Outfit',sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;box-shadow:0 4px 14px rgba(2,132,199,.3)}
.cp-note a:hover{background:var(--brand-hover);color:#fff;transform:translateY(-2px)}
@media(max-width:1024px){.cp-grid{grid-template-columns:1fr 1fr}.cp-hero-inner{grid-template-columns:1fr}.cp-cta-inner{flex-direction:column;text-align:center}.cp-h1{font-size:36px}}
@media(max-width:640px){.cp-grid{grid-template-columns:1fr}.cp-note{padding:24px 20px}.cp-stats{grid-template-columns:1fr 1fr}.cp-hero-btns,.cp-cta-btns{flex-direction:column;width:100%}}


/* ═══════════════════════════════════════
   resources/views/shop/edo.blade.php
   ═══════════════════════════════════════ */
.ed-page { background:var(--bg-body); }

/* Hero */
.ed-hero { background:#fff; border-bottom:1px solid var(--border-light); padding:44px 0 52px; }
.ed-breadcrumb { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--text-muted); margin-bottom:24px; }
.ed-breadcrumb a { color:var(--brand-main); text-decoration:none; }
.ed-breadcrumb i { font-size:9px; }
.ed-hero-inner { display:grid; grid-template-columns:1fr 440px; gap:60px; align-items:center; }
.ed-title { font-family:'Outfit',sans-serif; font-size:38px; font-weight:900; color:var(--text-heading); margin:0 0 16px; letter-spacing:-1px; line-height:1.1; }
.ed-lead { font-size:15px; color:var(--text-muted); line-height:1.7; margin:0 0 28px; }
.ed-cta { display:inline-flex; align-items:center; gap:10px; background:var(--brand-main); color:#fff; padding:14px 28px; border-radius:var(--radius-pill); font-family:'Outfit',sans-serif; font-size:15px; font-weight:700; text-decoration:none; transition:all .25s; box-shadow:0 8px 24px rgba(2,132,199,.3); }
.ed-cta:hover { background:var(--brand-hover); transform:translateY(-2px); }

/* Hero visual cards */
.ed-hero-visual { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.ed-visual-card { background:linear-gradient(135deg,#f0fdf4,#dcfce7); border:1px solid #bbf7d0; border-radius:18px; padding:20px; transition:all .25s; }
.ed-visual-card:hover { transform:translateY(-3px); box-shadow:0 10px 24px rgba(22,163,74,.12); }
.ed-visual-card--blue { background:linear-gradient(135deg,#eff6ff,#dbeafe); border-color:#bfdbfe; }
.ed-visual-card--blue:hover { box-shadow:0 10px 24px rgba(2,132,199,.12); }
.ed-visual-card--indigo { background:linear-gradient(135deg,#eef2ff,#e0e7ff); border-color:#c7d2fe; }
.ed-visual-card--indigo:hover { box-shadow:0 10px 24px rgba(79,70,229,.12); }
.ed-visual-card--green { background:linear-gradient(135deg,#f0fdf4,#dcfce7); border-color:#bbf7d0; }
.ed-visual-icon { font-size:22px; margin-bottom:10px; }
.ed-visual-card { } .ed-visual-card:nth-child(1) .ed-visual-icon { color:#16a34a; }
.ed-visual-card--blue .ed-visual-icon { color:var(--brand-main); }
.ed-visual-card--indigo .ed-visual-icon { color:#4f46e5; }
.ed-visual-card--green .ed-visual-icon { color:#16a34a; }
.ed-visual-label { font-family:'Outfit',sans-serif; font-size:14px; font-weight:800; color:var(--text-heading); margin-bottom:4px; }
.ed-visual-sub { font-size:12px; color:var(--text-muted); line-height:1.4; }

/* Sections */
.ed-section { padding:72px 0; }
.ed-section--gray { background:#f8fafc; }
.ed-section-head { text-align:center; margin-bottom:48px; }
.ed-section-head h2 { font-family:'Outfit',sans-serif; font-size:30px; font-weight:900; color:var(--text-heading); margin:0 0 10px; }
.ed-section-head p { font-size:15px; color:var(--text-muted); margin:0 auto; line-height:1.6; max-width:540px; }

/* Systems */
.ed-systems { display:flex; flex-direction:column; gap:24px; }
.ed-sys { display:grid; grid-template-columns:180px 1fr; gap:32px; align-items:start; background:#fff; border:1px solid var(--border-light); border-radius:24px; padding:32px; box-shadow:0 2px 12px rgba(15,23,42,.04); transition:all .3s; }
.ed-sys:hover { transform:translateY(-3px); box-shadow:0 16px 40px rgba(15,23,42,.1); }
.ed-sys-logo { width:100%; aspect-ratio:1; border-radius:20px; display:grid; place-items:center; font-size:40px; }
.ed-sys-logo--medoc { background:linear-gradient(135deg,#dbeafe,#bfdbfe); color:#1d4ed8; }
.ed-sys-logo--vchasno { background:linear-gradient(135deg,#dcfce7,#bbf7d0); color:#15803d; }
.ed-sys-logo--other { background:linear-gradient(135deg,#ede9fe,#ddd6fe); color:#7c3aed; }
.ed-sys-body h3 { font-family:'Outfit',sans-serif; font-size:20px; font-weight:900; color:var(--text-heading); margin:0 0 10px; }
.ed-sys-body p { font-size:14px; color:var(--text-muted); line-height:1.7; margin:0 0 16px; }
.ed-sys-list { list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:6px 16px; }
.ed-sys-list li { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--text-heading); font-weight:500; }
.ed-sys-list li i { color:#16a34a; font-size:11px; flex-shrink:0; }

/* Benefits comparison */
.ed-compare { display:grid; grid-template-columns:1fr auto 1fr; gap:0; align-items:stretch; border-radius:24px; overflow:hidden; box-shadow:0 4px 24px rgba(15,23,42,.08); }
.ed-compare-col { padding:36px; }
.ed-compare-col--bad  { background:#fff; border:2px solid #fecaca; border-right:none; border-radius:24px 0 0 24px; }
.ed-compare-col--good { background:#fff; border:2px solid #bbf7d0; border-left:none; border-radius:0 24px 24px 0; }
.ed-compare-vs { display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg,#f1f5f9,#e2e8f0); padding:0 20px; font-family:'Outfit',sans-serif; font-size:22px; font-weight:900; color:#64748b; letter-spacing:1px; writing-mode:horizontal-tb; min-width:60px; }
.ed-compare-header { display:flex; align-items:center; gap:14px; margin-bottom:24px; }
.ed-compare-icon { width:48px; height:48px; border-radius:14px; font-size:20px; display:grid; place-items:center; flex-shrink:0; }
.ed-compare-icon--bad  { background:#fef2f2; color:#dc2626; }
.ed-compare-icon--good { background:#f0fdf4; color:#16a34a; }
.ed-compare-header h3 { font-family:'Outfit',sans-serif; font-size:16px; font-weight:900; color:var(--text-heading); margin:0; line-height:1.3; }
.ed-compare-list { list-style:none; display:flex; flex-direction:column; gap:12px; }
.ed-compare-list li { display:flex; align-items:flex-start; gap:10px; font-size:14px; color:var(--text-heading); line-height:1.5; }
.ed-compare-col--bad  .ed-compare-list li i { color:#dc2626; font-size:12px; margin-top:3px; flex-shrink:0; }
.ed-compare-col--good .ed-compare-list li i { color:#16a34a; font-size:12px; margin-top:3px; flex-shrink:0; }
.ed-compare-col--bad  .ed-compare-list li { color:#6b7280; text-decoration-line:none; }

/* Steps */
.ed-steps { display:flex; flex-direction:column; max-width:700px; margin:0 auto; }
.ed-step { display:flex; gap:24px; align-items:flex-start; position:relative; padding-bottom:32px; }
.ed-step:last-child { padding-bottom:0; }
.ed-step:not(:last-child)::after { content:''; position:absolute; left:27px; top:56px; bottom:0; width:2px; background:linear-gradient(180deg,var(--brand-main),#bfdbfe); }
.ed-step-num { width:56px; height:56px; flex-shrink:0; border-radius:50%; background:linear-gradient(135deg,var(--brand-main),#0369a1); color:#fff; font-family:'Outfit',sans-serif; font-size:16px; font-weight:900; display:grid; place-items:center; box-shadow:0 8px 20px rgba(2,132,199,.3); }
.ed-step-body { padding-top:12px; }
.ed-step-body h3 { font-family:'Outfit',sans-serif; font-size:16px; font-weight:800; color:var(--text-heading); margin:0 0 8px; }
.ed-step-body p { font-size:14px; color:var(--text-muted); line-height:1.7; margin:0; }

/* CTA */
.ed-section--cta { padding:56px 0; background:linear-gradient(135deg,#052e16,#166534); }
.ed-cta-box { display:flex; align-items:center; gap:32px; }
.ed-cta-icon { font-size:48px; color:#4ade80; flex-shrink:0; }
.ed-cta-text { flex:1; }
.ed-cta-text h2 { font-family:'Outfit',sans-serif; font-size:26px; font-weight:900; color:#fff; margin:0 0 8px; }
.ed-cta-text p { font-size:15px; color:rgba(255,255,255,.7); margin:0; line-height:1.6; }
.ed-cta-actions { display:flex; gap:12px; flex-shrink:0; }
.ed-cta-btn { display:inline-flex; align-items:center; gap:10px; padding:14px 24px; border-radius:var(--radius-pill); font-family:'Outfit',sans-serif; font-size:15px; font-weight:700; text-decoration:none; transition:all .25s; white-space:nowrap; }
.ed-cta-btn--primary { background:#fff; color:#166534; box-shadow:0 8px 24px rgba(0,0,0,.2); }
.ed-cta-btn--primary:hover { transform:translateY(-2px); box-shadow:0 12px 32px rgba(0,0,0,.3); }
.ed-cta-btn--outline { background:rgba(255,255,255,.1); color:#fff; border:1px solid rgba(255,255,255,.3); }
.ed-cta-btn--outline:hover { background:rgba(255,255,255,.2); }

/* Connect Form */
.ed-connect-grid { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
.ed-connect-text h2 { font-family:'Outfit',sans-serif; font-size:28px; font-weight:900; color:var(--text-heading); margin:0 0 12px; }
.ed-connect-text > p { font-size:15px; color:var(--text-muted); line-height:1.7; margin:0 0 24px; }
.ed-connect-list { list-style:none; display:flex; flex-direction:column; gap:10px; }
.ed-connect-list li { display:flex; align-items:center; gap:10px; font-size:14px; color:var(--text-heading); font-weight:500; }
.ed-connect-list li i { color:#16a34a; font-size:14px; }
.ed-connect-form { background:#fff; border:1px solid var(--border-light); border-radius:24px; padding:32px; box-shadow:0 4px 20px rgba(15,23,42,.06); }
.ed-field { margin-bottom:16px; }
.ed-label { display:block; font-size:11px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:var(--text-muted); margin-bottom:7px; }
.ed-req { color:var(--brand-main); }
.ed-input { width:100%; box-sizing:border-box; background:#f8fafc; border:1.5px solid var(--border-light); border-radius:12px; padding:11px 14px; font-size:14px; color:var(--text-heading); font-family:'Inter',sans-serif; outline:none; transition:all .2s; }
.ed-input::placeholder { color:#94a3b8; }
.ed-input:focus { border-color:#16a34a; background:#fff; box-shadow:0 0 0 3px rgba(22,163,74,.1); }
.ed-sys-choice { display:flex; gap:10px; }
.ed-sys-opt { flex:1; cursor:pointer; }
.ed-sys-opt input { display:none; }
.ed-sys-opt-inner { display:flex; flex-direction:column; align-items:center; gap:6px; padding:12px 8px; border-radius:12px; border:2px solid var(--border-light); background:#f8fafc; transition:all .2s; font-size:13px; font-weight:600; color:var(--text-muted); }
.ed-sys-opt input:checked + .ed-sys-opt-inner { border-color:#16a34a; background:#f0fdf4; color:#15803d; }
.ed-sys-opt-inner:hover { border-color:#16a34a; background:#f0fdf4; }
.ed-sys-opt-icon { font-size:20px; }
.ed-sys-logo-img { width:48px; height:32px; object-fit:contain; }
.ed-error { background:#fef2f2; border:1px solid #fecaca; color:#dc2626; border-radius:10px; padding:10px 14px; font-size:13px; margin-bottom:14px; }
.ed-submit { width:100%; border:none; cursor:pointer; background:linear-gradient(135deg,#16a34a,#15803d); color:#fff; font-family:'Outfit',sans-serif; font-size:15px; font-weight:800; padding:14px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; gap:10px; transition:all .25s; box-shadow:0 6px 20px rgba(22,163,74,.3); margin-top:4px; }
.ed-submit:hover:not(:disabled) { transform:translateY(-2px); box-shadow:0 10px 28px rgba(22,163,74,.4); }
.ed-submit:disabled { opacity:.6; cursor:not-allowed; transform:none; }
.ed-success { text-align:center; padding:32px 16px; }
.ed-ok-icon { width:56px; height:56px; border-radius:50%; background:linear-gradient(135deg,#dcfce7,#bbf7d0); color:#16a34a; font-size:24px; display:grid; place-items:center; margin:0 auto 16px; }
.ed-success h3 { font-family:'Outfit',sans-serif; font-size:20px; font-weight:900; color:var(--text-heading); margin:0 0 8px; }
.ed-success p { font-size:14px; color:var(--text-muted); margin:0; }

/* Modal */
.edo-modal { position:fixed; inset:0; background:rgba(15,23,42,.6); backdrop-filter:blur(6px); z-index:9000; display:flex; align-items:center; justify-content:center; padding:20px; animation:edoFadeIn .2s ease; }
@keyframes edoFadeIn { from{opacity:0} to{opacity:1} }
.edo-modal-box { background:#fff; border-radius:24px; width:100%; max-width:480px; box-shadow:0 24px 64px rgba(15,23,42,.25); animation:edoSlideUp .25s ease; overflow:hidden; }
@keyframes edoSlideUp { from{transform:translateY(20px);opacity:0} to{transform:translateY(0);opacity:1} }
.edo-modal-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:24px 28px 20px; border-bottom:1px solid var(--border-light); }
.edo-modal-title { display:flex; align-items:center; gap:14px; }
.edo-modal-icon { width:44px; height:44px; flex-shrink:0; border-radius:12px; background:linear-gradient(135deg,#dcfce7,#bbf7d0); color:#15803d; font-size:18px; display:grid; place-items:center; }
.edo-modal-head h2 { font-family:'Outfit',sans-serif; font-size:18px; font-weight:900; color:var(--text-heading); margin:0 0 4px; }
.edo-modal-head p { font-size:13px; color:var(--text-muted); margin:0; line-height:1.5; }
.edo-modal-close { border:none; background:none; cursor:pointer; font-size:22px; color:var(--text-muted); line-height:1; padding:4px; border-radius:8px; transition:all .15s; flex-shrink:0; }
.edo-modal-close:hover { background:#f1f5f9; color:var(--text-heading); }
.edo-modal-body { padding:24px 28px 28px; }

/* Responsive */
@media(max-width:1024px) {
    .ed-hero-inner { grid-template-columns:1fr; }
    .ed-sys { grid-template-columns:1fr; }
    .ed-sys-logo { width:80px; aspect-ratio:1; }
    .ed-compare { grid-template-columns:1fr; }
    .ed-compare-vs { writing-mode:horizontal-tb; padding:16px; min-width:auto; font-size:18px; }
    .ed-compare-col--bad  { border:2px solid #fecaca; border-bottom:none; border-radius:24px 24px 0 0; }
    .ed-compare-col--good { border:2px solid #bbf7d0; border-top:none; border-radius:0 0 24px 24px; }
    .ed-cta-box { flex-direction:column; text-align:center; }
    .ed-cta-icon { display:none; }
    .ed-title { font-size:30px; }
}
@media(max-width:640px) {
    .ed-hero-visual { grid-template-columns:1fr; }
    .ed-benefits { grid-template-columns:1fr; }
    .ed-sys-list { grid-template-columns:1fr; }
    .ed-cta-actions { flex-direction:column; width:100%; }
}


/* ═══════════════════════════════════════
   resources/views/shop/news/index.blade.php
   ═══════════════════════════════════════ */
.news-page { background:var(--bg-body); }

/* Hero */
.news-hero { background:#fff; border-bottom:1px solid var(--border-light); padding:40px 0 44px; }
.news-breadcrumb { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--text-muted); margin-bottom:20px; }
.news-breadcrumb a { color:var(--brand-main); text-decoration:none; }
.news-breadcrumb i { font-size:9px; }
.news-hero-title { font-family:'Outfit',sans-serif; font-size:36px; font-weight:900; color:var(--text-heading); margin:0 0 10px; letter-spacing:-1px; }
.news-hero-sub { font-size:15px; color:var(--text-muted); margin:0; }

/* Section */
.news-section { padding:56px 0 72px; }

/* Featured */
.news-featured { display:grid; grid-template-columns:1fr 1fr; border-radius:24px; overflow:hidden; background:#fff; border:1px solid var(--border-light); box-shadow:0 4px 24px rgba(15,23,42,.07); margin-bottom:40px; text-decoration:none; transition:all .3s; }
.news-featured:hover { transform:translateY(-4px); box-shadow:0 16px 48px rgba(15,23,42,.12); }
.news-featured-img { min-height:360px; background-size:cover; background-position:center; background-color:#f1f5f9; }
.news-featured-body { padding:44px 40px; display:flex; flex-direction:column; justify-content:center; gap:16px; }
.news-featured-date { font-size:13px; color:var(--text-muted); display:flex; align-items:center; gap:6px; }
.news-featured-body h2 { font-family:'Outfit',sans-serif; font-size:26px; font-weight:900; color:var(--text-heading); margin:0; line-height:1.3; }
.news-featured-body p { font-size:15px; color:var(--text-muted); line-height:1.7; margin:0; }
.news-read-more { display:inline-flex; align-items:center; gap:8px; color:var(--brand-main); font-weight:700; font-size:14px; margin-top:auto; }
.news-read-more i { transition:transform .2s; }
.news-featured:hover .news-read-more i { transform:translateX(4px); }

/* Grid */
.news-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; }
.news-card { background:#fff; border:1px solid var(--border-light); border-radius:20px; overflow:hidden; text-decoration:none; transition:all .3s; display:flex; flex-direction:column; }
.news-card:hover { transform:translateY(-4px); box-shadow:0 16px 40px rgba(15,23,42,.1); }
.news-card-img { height:200px; background-size:cover; background-position:center; background-color:#f1f5f9; }
.news-card-body { padding:24px; display:flex; flex-direction:column; gap:10px; flex:1; }
.news-card-date { font-size:12px; color:var(--text-muted); display:flex; align-items:center; gap:5px; }
.news-card-body h3 { font-family:'Outfit',sans-serif; font-size:16px; font-weight:800; color:var(--text-heading); margin:0; line-height:1.4; }
.news-card-body p { font-size:13px; color:var(--text-muted); line-height:1.6; margin:0; flex:1; }
.news-card-link { font-size:13px; font-weight:700; color:var(--brand-main); display:inline-flex; align-items:center; gap:6px; margin-top:auto; }
.news-card-link i { font-size:11px; transition:transform .2s; }
.news-card:hover .news-card-link i { transform:translateX(3px); }

/* Empty */
.news-empty { text-align:center; padding:80px 20px; color:var(--text-muted); }
.news-empty i { font-size:48px; margin-bottom:16px; opacity:.3; }
.news-empty h3 { font-family:'Outfit',sans-serif; font-size:20px; font-weight:700; color:var(--text-heading); margin:0 0 8px; }

/* Pagination */
.news-pagination { margin-top:48px; display:flex; justify-content:center; }
.news-pagination nav { display:flex; gap:8px; }

@media(max-width:1024px) { .news-grid { grid-template-columns:repeat(2,1fr); } .news-featured { grid-template-columns:1fr; } .news-featured-img { min-height:240px; } }
@media(max-width:640px) { .news-grid { grid-template-columns:1fr; } .news-hero-title { font-size:28px; } }


/* ═══════════════════════════════════════
   resources/views/shop/news/show.blade.php
   ═══════════════════════════════════════ */
.news-page { background:var(--bg-body); }
.news-hero { background:#fff; border-bottom:1px solid var(--border-light); padding:28px 0 20px; }
.news-breadcrumb { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--text-muted); flex-wrap:wrap; }
.news-breadcrumb a { color:var(--brand-main); text-decoration:none; }
.news-breadcrumb i { font-size:9px; }

/* Layout */
.ns-section { padding:48px 0 72px; }
.ns-layout { display:grid; grid-template-columns:1fr 300px; gap:40px; align-items:start; }

/* Article */
.ns-article { background:#fff; border:1px solid var(--border-light); border-radius:24px; overflow:hidden; box-shadow:0 2px 12px rgba(15,23,42,.05); }
.ns-cover { height:380px; background-size:cover; background-position:center; background-color:#f1f5f9; }
.ns-meta { display:flex; align-items:center; gap:16px; padding:24px 36px 0; }
.ns-date { font-size:13px; color:var(--text-muted); display:flex; align-items:center; gap:6px; }
.ns-title { font-family:'Outfit',sans-serif; font-size:28px; font-weight:900; color:var(--text-heading); margin:16px 36px 0; line-height:1.3; letter-spacing:-.5px; }
.ns-excerpt { font-size:16px; color:var(--text-muted); line-height:1.7; margin:16px 36px 0; font-style:italic; border-left:3px solid var(--brand-main); padding-left:16px; }
.ns-content { padding:24px 36px 36px; font-size:15px; color:var(--text-heading); line-height:1.8; }
.ns-content h2,.ns-content h3 { font-family:'Outfit',sans-serif; font-weight:800; color:var(--text-heading); margin:24px 0 12px; }
.ns-content h2 { font-size:22px; }
.ns-content h3 { font-size:18px; }
.ns-content p { margin:0 0 16px; }
.ns-content ul,.ns-content ol { padding-left:24px; margin:0 0 16px; }
.ns-content li { margin-bottom:6px; }
.ns-content img { max-width:100%; border-radius:12px; margin:12px 0; }
.ns-content a { color:var(--brand-main); }
.ns-content blockquote { border-left:4px solid var(--brand-main); background:#eff6ff; padding:16px 20px; border-radius:0 12px 12px 0; margin:16px 0; font-style:italic; }

/* Sidebar */
.ns-related { background:#fff; border:1px solid var(--border-light); border-radius:20px; padding:24px; margin-bottom:16px; }
.ns-related h3 { font-family:'Outfit',sans-serif; font-size:15px; font-weight:900; color:var(--text-heading); margin:0 0 20px; }
.ns-related-list { display:flex; flex-direction:column; gap:16px; }
.ns-related-item { display:flex; gap:12px; align-items:flex-start; text-decoration:none; transition:all .2s; }
.ns-related-item:hover { opacity:.8; }
.ns-related-img { width:60px; height:48px; border-radius:10px; flex-shrink:0; background-size:cover; background-position:center; background-color:#f1f5f9; }
.ns-related-date { font-size:11px; color:var(--text-muted); display:block; margin-bottom:4px; }
.ns-related-item p { font-size:13px; color:var(--text-heading); font-weight:600; margin:0; line-height:1.4; }
.ns-back-card { background:linear-gradient(135deg,#eff6ff,#dbeafe); border:1px solid #bfdbfe; border-radius:20px; padding:24px; text-align:center; }
.ns-back-card > i { font-size:28px; color:var(--brand-main); margin-bottom:12px; display:block; }
.ns-back-card h4 { font-family:'Outfit',sans-serif; font-size:16px; font-weight:900; color:var(--text-heading); margin:0 0 8px; }
.ns-back-card p { font-size:13px; color:var(--text-muted); margin:0 0 16px; line-height:1.5; }
.ns-back-btn { display:inline-flex; align-items:center; gap:8px; background:var(--brand-main); color:#fff; padding:10px 20px; border-radius:var(--radius-pill); font-size:13px; font-weight:700; text-decoration:none; transition:all .2s; }
.ns-back-btn:hover { background:var(--brand-hover); transform:translateY(-1px); }
.ns-back-btn i { font-size:11px; }

@media(max-width:1024px) { .ns-layout { grid-template-columns:1fr; } .ns-cover { height:240px; } .ns-title { font-size:22px; } }
@media(max-width:640px) { .ns-content,.ns-title,.ns-excerpt,.ns-meta { padding-left:20px; padding-right:20px; } }


/* ═══════════════════════════════════════
   resources/views/order-track.blade.php
   ═══════════════════════════════════════ */
.trk-page { background:#f1f5f9; padding:28px 0 48px; }
.trk-container { max-width:1160px; margin:0 auto; padding:0 20px; }

/* Header */
.trk-back { font-size:13px; color:#64748b; text-decoration:none; display:inline-flex; align-items:center; gap:6px; margin-bottom:8px; transition:.2s; }
.trk-back:hover { color:#0284c7; }
.trk-header { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:24px; flex-wrap:wrap; gap:12px; }
.trk-title { font-family:'Outfit',sans-serif; font-size:26px; font-weight:900; color:#0f172a; margin:0; }
.trk-title span { color:#0284c7; }
.trk-date { font-size:13px; color:#94a3b8; margin:4px 0 0; }

/* Status badge */
.trk-badge { display:inline-flex; align-items:center; gap:8px; padding:10px 18px; border-radius:12px; font-size:13px; font-weight:700; }
.trk-badge--new        { background:#eff6ff; color:#2563eb; }
.trk-badge--confirmed  { background:#f0fdf4; color:#16a34a; }
.trk-badge--processing { background:#fff7ed; color:#ea580c; }
.trk-badge--shipped    { background:#eff6ff; color:#0284c7; }
.trk-badge--completed  { background:#f0fdf4; color:#15803d; }
.trk-badge--cancelled  { background:#fef2f2; color:#dc2626; }

/* Cards */
.trk-card { background:#fff; border-radius:14px; box-shadow:0 1px 6px rgba(15,23,42,.05); padding:20px 24px; margin-bottom:16px; }
.trk-card-title { font-size:14px; font-weight:700; color:#0f172a; margin-bottom:16px; display:flex; align-items:center; gap:8px; }
.trk-card-title i { color:#0284c7; font-size:13px; }

/* Timeline */
.trk-timeline-card { padding:24px; }
.trk-timeline { display:flex; align-items:flex-start; gap:0; margin-bottom:8px; }
.trk-step { display:flex; flex-direction:column; align-items:center; flex:1; position:relative; }
.trk-step-icon {
    width:36px; height:36px; border-radius:50%; display:grid; place-items:center;
    font-size:13px; z-index:1; border:2px solid #e2e8f0; background:#fff; color:#cbd5e1;
    transition:.3s;
}
.trk-step.done   .trk-step-icon { background:#10b981; border-color:#10b981; color:#fff; }
.trk-step.active .trk-step-icon { background:#0284c7; border-color:#0284c7; color:#fff; box-shadow:0 0 0 4px rgba(2,132,199,.15); }
.trk-step-line { position:absolute; top:17px; left:50%; right:-50%; height:2px; background:#e2e8f0; z-index:0; }
.trk-step:last-child .trk-step-line { display:none; }
.trk-step.done .trk-step-line   { background:#10b981; }
.trk-step-label { font-size:11px; color:#64748b; margin-top:8px; text-align:center; font-weight:500; }
.trk-step.active .trk-step-label { color:#0284c7; font-weight:700; }
.trk-step.done   .trk-step-label { color:#10b981; }

/* Cancelled banner */
.trk-cancelled-banner { background:#fef2f2; color:#dc2626; border-radius:10px; padding:14px 18px; font-weight:700; font-size:14px; display:flex; align-items:center; gap:10px; }

/* NP tracking */
.trk-np-block { margin-top:20px; padding:12px 16px; background:#f0f9ff; border-radius:10px; font-size:13px; color:#0369a1; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.trk-np-link { margin-left:auto; font-size:12px; color:#0284c7; font-weight:700; text-decoration:none; display:inline-flex; align-items:center; gap:4px; }
.trk-np-link:hover { text-decoration:underline; }

/* Layout */
.trk-layout { display:grid; grid-template-columns:1fr 300px; gap:16px; align-items:start; }

/* Table */
.trk-card--table { padding:20px 0; margin-bottom:16px; }
.trk-card--table .trk-card-title { padding:0 24px 14px; border-bottom:2px solid #0284c7; margin-bottom:0; }
.trk-inv-wrap { overflow-x:auto; }
.trk-inv-table { width:100%; border-collapse:collapse; font-size:13px; }
.trk-inv-table thead tr { background:#f8fafc; }
.trk-inv-table th { padding:10px 12px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.4px; color:#64748b; white-space:nowrap; border-bottom:1px solid #e2e8f0; text-align:right; }
.trk-inv-table th.t-num, .trk-inv-table th.t-name, .trk-inv-table th.t-unit { text-align:left; }
.trk-inv-table td { padding:12px 12px; font-size:13px; color:#1e293b; border-bottom:1px solid #f1f5f9; text-align:right; vertical-align:top; }
.trk-inv-table td.t-num, .trk-inv-table td.t-unit { text-align:left; color:#94a3b8; }
.trk-inv-table td.t-name { text-align:left; }
.trk-inv-table tbody tr:last-child td { border-bottom:none; }
.trk-inv-table tbody tr:hover { background:#f8faff; }
.trk-item-name { font-weight:600; color:#0f172a; }
.trk-item-sku  { font-size:11px; color:#94a3b8; margin-top:2px; }
.t-num { width:36px; } .t-unit { width:44px; } .t-qty { width:60px; }
.t-price, .t-vat, .t-total { width:110px; }
/* Invoice footer */
.trk-inv-footer { display:flex; justify-content:flex-end; padding:14px 24px 4px; }
.trk-inv-totals { min-width:280px; }
.trk-inv-row { display:flex; justify-content:space-between; font-size:13px; color:#64748b; padding:6px 0; border-bottom:1px dotted #e2e8f0; }
.trk-inv-row:last-child { border-bottom:none; }
.trk-inv-row--grand { font-size:15px; font-weight:800; color:#0f172a; border-top:2px solid #0284c7; border-bottom:none; padding-top:10px; margin-top:2px; }
.trk-inv-row--grand span:last-child { color:#0284c7; }

/* Sidebar info */
.trk-info-rows { display:flex; flex-direction:column; gap:0; }
.trk-info-row { display:flex; flex-direction:column; gap:2px; padding:9px 0; border-bottom:1px solid #f8fafc; }
.trk-info-row:last-child { border-bottom:none; }
.trk-info-row span { font-size:11px; color:#94a3b8; }
.trk-info-row strong { font-size:13px; color:#0f172a; font-weight:600; }

/* Total card */
.trk-total-card { background:linear-gradient(135deg,#0284c7,#0369a1); border-radius:14px; padding:20px 24px; text-align:center; color:#fff; }
.trk-total-label { font-size:12px; opacity:.8; margin-bottom:6px; }
.trk-total-value { font-family:'Outfit',sans-serif; font-size:28px; font-weight:900; margin-bottom:2px; }
.trk-total-sub { font-size:11px; opacity:.7; }

.trk-notes { font-size:13px; color:#475569; line-height:1.6; margin:0; }

@media(max-width:900px) {
    .trk-layout { grid-template-columns:1fr; }
}
@media(max-width:600px) {
    .trk-timeline { gap:2px; }
    .trk-step-label { font-size:10px; }
    .trk-step-icon { width:30px; height:30px; font-size:11px; }
    .trk-step-line { top:14px; }
}