/* === blog/index.blade.php === */
@media (max-width: 1024px) { .fm-blog-grid { grid-template-columns: repeat(2,1fr) !important; } }
@media (max-width: 640px)  { .fm-blog-grid { grid-template-columns: 1fr !important; } }

/* === blog/show.blade.php === */
.blog-content h2, .blog-content h3 { font-weight:700; color:#111827; margin:24px 0 12px; }
.blog-content h2 { font-size:1.5rem; }
.blog-content h3 { font-size:1.2rem; }
.blog-content p  { margin-bottom:16px; }
.blog-content ul, .blog-content ol { padding-left:24px; margin-bottom:16px; }
.blog-content li { margin-bottom:8px; }
.blog-content img { width:100%; border-radius:12px; margin:16px 0; }

/* === brands/index.blade.php === */
.brand-card { background:#fff; border-radius:20px; padding:28px 20px; text-align:center; box-shadow:0 1px 4px rgba(0,0,0,0.07); transition:box-shadow 0.25s, transform 0.25s; text-decoration:none; display:flex; flex-direction:column; align-items:center; gap:12px; }
.brand-card:hover { box-shadow:0 16px 36px rgba(0,0,0,0.13); transform:translateY(-4px); }
.brand-logo-box { width:100px; height:100px; background:#f3f4f6; border-radius:16px; display:flex; align-items:center; justify-content:center; overflow:hidden; flex-shrink:0; }
.brand-logo-box img { width:100%; height:100%; object-fit:contain; padding:8px; }
.brand-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:20px; }
@media(max-width:1024px){ .brand-grid { grid-template-columns:repeat(4,1fr); } }
@media(max-width:768px) { .brand-grid { grid-template-columns:repeat(3,1fr); } }
@media(max-width:480px) { .brand-grid { grid-template-columns:repeat(2,1fr); } }

/* === brands/show.blade.php === */
@media(max-width:1024px){ .brand-prod-grid { grid-template-columns:repeat(3,1fr) !important; } }
@media(max-width:768px) { .brand-prod-grid { grid-template-columns:repeat(2,1fr) !important; } }
@media(max-width:480px) { .brand-prod-grid { grid-template-columns:1fr !important; } }

/* === categories/index.blade.php === */
.cat-idx-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
@media(max-width:1024px){ .cat-idx-grid { grid-template-columns:repeat(3,1fr); } }
@media(max-width:640px) { .cat-idx-grid { grid-template-columns:repeat(2,1fr); gap:14px; } }

/* === compare/index.blade.php === */
.cmp-table { width:100%; border-collapse:collapse; table-layout:fixed; }
.cmp-table th, .cmp-table td { padding:14px 18px; border-bottom:1px solid #f3f4f6; vertical-align:top; }
.cmp-table th { font-size:12px; font-weight:700; color:#9ca3af; text-transform:uppercase; letter-spacing:0.05em; background:#f9fafb; width:160px; }
.cmp-table td { font-size:14px; color:#374151; }
.cmp-table tr:last-child th, .cmp-table tr:last-child td { border-bottom:none; }
.cmp-highlight { background:#f0fdf4; }

/* === contact/index.blade.php === */
@media (max-width: 1024px) {
    .fm-contact-grid { grid-template-columns: 1fr !important; }
    .fm-contact-form-col { grid-column: span 1 !important; }
}
@media (max-width: 640px) {
    .fm-name-row { grid-template-columns: 1fr !important; }
}

/* === deals/index.blade.php === */
[x-cloak]{display:none!important}
.deals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media(max-width:1200px){.deals-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.deals-grid{grid-template-columns:1fr;}}
/* List view */
.deals-list{display:flex;flex-direction:column;gap:16px;}
.deals-list .deal-card{display:flex;flex-direction:row;}
.deals-list .deal-card-img-wrap{width:220px;flex-shrink:0;}
.deals-list .deal-card-img{height:100%;min-height:180px;}
.deals-list .deal-card-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:20px 24px;}
.deals-list .deal-foot{margin-top:auto;padding-top:12px;}
.deal-card{background:#fff;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 1px 4px rgba(0,0,0,0.07);transition:box-shadow 0.25s,transform 0.25s;}
.deal-card:hover{box-shadow:0 16px 40px rgba(0,0,0,0.12);transform:translateY(-3px);}
.deal-card-img{width:100%;height:220px;object-fit:cover;display:block;transition:transform 0.5s ease;}
.deal-card:hover .deal-card-img{transform:scale(1.07);}
.deal-card-img-wrap{position:relative;overflow:hidden;}
.deal-badge-pct{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;font-size:13px;font-weight:800;padding:5px 11px;border-radius:20px;box-shadow:0 3px 8px rgba(34,197,94,0.45);letter-spacing:0.3px;}
.deal-badge-oos{position:absolute;inset:0;background:rgba(0,0,0,0.48);display:flex;align-items:center;justify-content:center;}
.deal-wishlist-btn{position:absolute;top:12px;right:12px;width:38px;height:38px;background:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.12);}
.deal-wishlist-btn:hover{background:#22c55e;}
.deal-wishlist-btn:hover i{color:#fff!important;}
.deal-card-body{padding:16px;}
.deal-cat{font-size:11px;font-weight:700;color:#22c55e;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:4px;}
.deal-name{font-size:14px;font-weight:600;color:#111827;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px;text-decoration:none;}
.deal-name:hover{color:#22c55e;}
.deal-stars{display:flex;align-items:center;gap:3px;margin-bottom:10px;}
.deal-foot{display:flex;align-items:center;justify-content:space-between;}
.deal-price-now{font-size:20px;font-weight:800;color:#22c55e;}
.deal-price-old{font-size:13px;color:#9ca3af;text-decoration:line-through;}
.deal-savings{display:block;font-size:11px;color:#ef4444;font-weight:600;margin-top:1px;}
.deal-cart-btn{width:40px;height:40px;background:#22c55e;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background 0.2s;}
.deal-cart-btn:hover{background:#16a34a;}
/* Sidebar */
.deals-filter-section{margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid #f3f4f6;}
.deals-filter-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.deals-filter-title{font-weight:700;font-size:12px;color:#374151;text-transform:uppercase;letter-spacing:0.07em;margin-bottom:12px;}
.deals-filter-label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:3px 0;}
.deals-filter-label span{font-size:14px;color:#374151;}
.deals-filter-label input{width:16px;height:16px;accent-color:#22c55e;flex-shrink:0;}
/* Countdown */
.cd-block{display:flex;flex-direction:column;align-items:center;min-width:52px;}
.cd-num{font-size:2rem;font-weight:900;line-height:1;background:rgba(255,255,255,0.15);padding:8px 12px;border-radius:10px;min-width:52px;text-align:center;}
.cd-lbl{font-size:10px;font-weight:600;opacity:0.75;margin-top:4px;text-transform:uppercase;letter-spacing:0.06em;}
.cd-sep{font-size:2rem;font-weight:900;opacity:0.5;padding:0 2px;line-height:1;margin-top:2px;}
/* Mobile */
@media(max-width:768px){
    .deals-grid{grid-template-columns:repeat(2,1fr);}
    .deals-list .deal-card{flex-direction:column;}
    .deals-list .deal-card-img-wrap{width:100%;height:200px;}
    .cd-num{font-size:1.5rem;min-width:42px;padding:6px 10px;}
    .cd-sep{font-size:1.5rem;}
}
@media(max-width:480px){
    .deals-grid{grid-template-columns:1fr;}
    .deals-filter-label span{font-size:13px;}
}

/* === home.blade.php === */
/* Section helpers */
.hp-section { width:100%; }
.hp-inner   { max-width:1440px; margin:0 auto; padding:0 20px; }

/* Section headings */
.hp-section-head { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:32px; }
.hp-section-title { font-size:1.75rem; font-weight:800; color:#111827; margin-bottom:4px; line-height:1.2; }
.hp-section-sub   { font-size:14px; color:#9ca3af; }
.hp-view-all { display:inline-flex; align-items:center; gap:6px; color:#22c55e; font-size:14px; font-weight:600; text-decoration:none; white-space:nowrap; }
.hp-view-all:hover { text-decoration:underline; }
.hp-tag { display:inline-block; font-size:11px; font-weight:700; padding:3px 10px; border-radius:20px; margin-bottom:6px; letter-spacing:0.05em; text-transform:uppercase; }
.hp-tag-green { background:#dcfce7; color:#16a34a; }
.hp-tag-red   { background:#fee2e2; color:#dc2626; }
.hp-tag-blue  { background:#dbeafe; color:#1d4ed8; }
.hp-tag-amber { background:#fef3c7; color:#b45309; }

/* Product card (homepage variant) */
.hpc { background:#fff; border-radius:16px; overflow:hidden; position:relative;
       box-shadow:0 1px 4px rgba(0,0,0,0.08); transition:box-shadow 0.25s, transform 0.25s; }
.hpc:hover { box-shadow:0 16px 40px rgba(0,0,0,0.12); transform:translateY(-3px); }
.hpc-img-wrap { position:relative; overflow:hidden; }
.hpc-img { width:100%; height:210px; object-fit:cover; display:block; transition:transform 0.5s ease; }
.hpc:hover .hpc-img { transform:scale(1.08); }
.hpc-disc { position:absolute; top:10px; left:10px; background:#ef4444; color:#fff; font-size:11px; font-weight:700; padding:3px 9px; border-radius:20px; }
.hpc-oos { position:absolute; inset:0; background:rgba(0,0,0,0.45); display:flex; align-items:center; justify-content:center; }
.hpc-wish { position:absolute; top:10px; right:10px; width:36px; height:36px; background:#fff; border:none; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 2px 8px rgba(0,0,0,0.1); }
.hpc-wish:hover { background:#ef4444; }
.hpc-wish:hover i { color:#fff !important; }
.hpc-body { padding:14px; }
.hpc-cat  { font-size:11px; font-weight:700; color:#22c55e; text-transform:uppercase; letter-spacing:0.06em; margin-bottom:4px; }
.hpc-name { font-size:14px; font-weight:600; color:#111827; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:6px; text-decoration:none; }
.hpc-name:hover { color:#22c55e; }
.hpc-stars { display:flex; align-items:center; gap:3px; margin-bottom:10px; }
.hpc-foot { display:flex; align-items:center; justify-content:space-between; }
.hpc-price { font-size:19px; font-weight:800; color:#22c55e; }
.hpc-orig  { font-size:12px; color:#9ca3af; text-decoration:line-through; margin-left:5px; }
.hpc-cart  { width:38px; height:38px; background:#22c55e; border:none; border-radius:10px; display:flex; align-items:center; justify-content:center; cursor:pointer; flex-shrink:0; transition:background 0.2s; }
.hpc-cart:hover { background:#16a34a; }

/* Products grid */
.hp-pgrid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
@media(max-width:1200px){ .hp-pgrid { grid-template-columns:repeat(3,1fr); } }
@media(max-width:768px) { .hp-pgrid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:420px) { .hp-pgrid { grid-template-columns:1fr; } }

/* Tabs */
.hp-tabs { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:28px; }
.hp-tab  { padding:8px 20px; border-radius:30px; font-size:14px; font-weight:600; cursor:pointer; border:1px solid #e5e7eb; background:#fff; color:#374151; transition:all 0.15s; }
.hp-tab.active { background:#22c55e; color:#fff; border-color:#22c55e; }

/* Flash deal card */
.fd-card { background:#fff; border-radius:14px; overflow:hidden; position:relative;
           box-shadow:0 1px 4px rgba(0,0,0,0.07); transition:box-shadow 0.2s, transform 0.2s; }
.fd-card:hover { box-shadow:0 12px 32px rgba(0,0,0,0.11); transform:translateY(-2px); }
.fd-img { width:100%; height:180px; object-fit:cover; display:block; }
.fd-pct { position:absolute; top:10px; left:10px; background:linear-gradient(135deg,#16a34a,#22c55e); color:#fff; font-size:13px; font-weight:800; padding:4px 10px; border-radius:20px; }
.fd-body { padding:12px 14px; }
.fd-name { font-size:13px; font-weight:600; color:#111827; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:6px; text-decoration:none; }
.fd-name:hover { color:#22c55e; }
.fd-foot { display:flex; align-items:center; justify-content:space-between; margin-top:8px; }
.fd-pgrid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
@media(max-width:1200px){ .fd-pgrid { grid-template-columns:repeat(3,1fr); } }
@media(max-width:768px) { .fd-pgrid { grid-template-columns:repeat(2,1fr); } }

/* Countdown */
.cd-box { display:flex; flex-direction:column; align-items:center; }
.cd-num { background:rgba(255,255,255,0.2); padding:8px 14px; border-radius:10px; font-size:1.9rem; font-weight:900; line-height:1; min-width:56px; text-align:center; }
.cd-lbl { font-size:10px; font-weight:600; opacity:0.75; margin-top:5px; text-transform:uppercase; letter-spacing:0.06em; }

/* Hero slider (keep existing) */
.hs-wrap { position:relative; background:linear-gradient(135deg,#f0fdf4,#ffffff,#ecfdf5); }
.hs-track { position:relative; overflow:hidden; }
.hs-slide { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity 0.7s ease; pointer-events:none; }
.hs-slide.hs-active { opacity:1; pointer-events:auto; position:relative; }
.hs-inner { max-width:1440px; margin:0 auto; padding:64px 20px 80px; }
.hs-grid  { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
.hs-badge { display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(34,197,94,0.1);color:#16a34a;border-radius:999px;font-size:14px;font-weight:500;margin-bottom:24px; }
.hs-title { font-size:clamp(2rem,4vw,3.25rem);font-weight:800;color:#111827;line-height:1.15;margin-bottom:20px; }
.hs-title span { color:#22c55e; }
.hs-sub   { font-size:1.05rem;color:#6b7280;margin-bottom:32px;max-width:480px;line-height:1.7; }
.hs-btns  { display:flex;gap:16px;flex-wrap:wrap;margin-bottom:40px; }
.hs-btn1  { display:inline-flex;align-items:center;gap:8px;padding:13px 28px;background:#22c55e;color:#fff;border-radius:10px;font-weight:600;text-decoration:none;font-size:15px;box-shadow:0 8px 20px rgba(34,197,94,0.3);transition:background 0.15s; }
.hs-btn1:hover { background:#16a34a; }
.hs-btn2  { display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border:2px solid #22c55e;color:#22c55e;border-radius:10px;font-weight:600;text-decoration:none;font-size:15px;transition:background 0.15s; }
.hs-btn2:hover { background:rgba(34,197,94,0.06); }
.hs-stats { display:grid;grid-template-columns:repeat(3,1fr);gap:24px; }
.hs-stat-num { font-size:1.75rem;font-weight:800;color:#111827; }
.hs-stat-lbl { font-size:13px;color:#9ca3af;margin-top:2px; }
.hs-img-wrap { position:relative; }
.hs-img  { width:100%;height:460px;object-fit:cover;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,0.12);display:block; }
.hs-badge-card { position:absolute;bottom:-16px;left:-16px;background:#fff;padding:14px 18px;border-radius:14px;box-shadow:0 8px 28px rgba(0,0,0,0.1);display:flex;align-items:center;gap:12px; }
.hs-badge-icon { width:42px;height:42px;background:rgba(34,197,94,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.hs-arrow { position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:#fff;border:none;border-radius:50%;box-shadow:0 4px 14px rgba(0,0,0,0.12);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:20;transition:box-shadow 0.15s; }
.hs-arrow:hover { box-shadow:0 8px 24px rgba(0,0,0,0.18); }
.hs-prev { left:16px; } .hs-next { right:16px; }
.hs-dots { position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:20; }
.hs-dot  { height:8px;border-radius:4px;border:none;cursor:pointer;transition:all 0.35s;padding:0;background:rgba(0,0,0,0.18); }
.hs-dot.hs-dot-active { width:24px !important;background:#22c55e; }
.hs-dot:not(.hs-dot-active) { width:8px; }
@media(max-width:900px){
    .hs-grid { grid-template-columns:1fr !important; }
    .hs-img  { height:260px !important; }
    .hs-arrow { display:none !important; }
    .hs-badge-card { left:0; bottom:-8px; }
}

/* ── GLOBAL MOBILE RESPONSIVE ── */

/* Trust bar */
@media(max-width:768px){ .hp-trust-grid { grid-template-columns:1fr 1fr !important; } }
@media(max-width:480px){ .hp-trust-grid { grid-template-columns:1fr !important; } }

/* Category slider cards */
@media(max-width:768px){ .cat-card { flex:0 0 130px !important; } .cat-img-box { width:110px !important; height:110px !important; } }
@media(max-width:480px){ .cat-card { flex:0 0 110px !important; } .cat-img-box { width:90px !important; height:90px !important; } }

/* Dual promo banners */
@media(max-width:768px){ .hp-promo-grid { grid-template-columns:1fr !important; } }

/* Product card image */
.pcard-img {
    width: 100%;
    height: 224px;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

/* Popular Products */
@media(max-width:768px){ .hp-pop-grid { grid-template-columns:repeat(2,1fr) !important; } }
@media(max-width:480px){ .hp-pop-grid { grid-template-columns:1fr !important; } }

/* Flash deal grid */
@media(max-width:480px){ .fd-pgrid { grid-template-columns:1fr !important; } }

/* Mini banners */
@media(max-width:768px){ .hp-mini-grid { grid-template-columns:1fr !important; } }

/* Tabbed product slider — card width */
@media(max-width:1024px){ .tps-item { flex:0 0 240px !important; } }
@media(max-width:768px) { .tps-item { flex:0 0 200px !important; } }
@media(max-width:480px) { .tps-item { flex:0 0 170px !important; } }

/* Product card image height inside TPS on mobile */
@media(max-width:768px) { .tps-item .pcard-img { height:170px !important; } }
@media(max-width:480px) { .tps-item .pcard-img { height:150px !important; } }

/* Big promo banner content */
@media(max-width:768px){ .big-ad-content { padding:48px 28px !important; } }
@media(max-width:480px){ .big-ad-content { padding:36px 20px !important; } .big-ad-stats { display:none !important; } }

/* Why Choose Us */
@media(max-width:768px){ .hp-why-grid { grid-template-columns:repeat(2,1fr) !important; } }
@media(max-width:480px){ .hp-why-grid { grid-template-columns:1fr !important; } }

/* Featured Vendors */
@media(max-width:768px){ .hp-vendor-grid { grid-template-columns:repeat(2,1fr) !important; } }
@media(max-width:480px){ .hp-vendor-grid { grid-template-columns:1fr !important; } }

/* Testimonials */
@media(max-width:768px){ .hp-testi-grid { grid-template-columns:1fr 1fr !important; } }
@media(max-width:640px){ .hp-testi-grid { grid-template-columns:1fr !important; } }

/* Blog */
@media(max-width:768px){ .hp-blog-grid { grid-template-columns:1fr 1fr !important; } }
@media(max-width:640px){ .hp-blog-grid { grid-template-columns:1fr !important; } }

/* Section padding on mobile */
@media(max-width:640px){
    .hp-section { padding-top:48px !important; padding-bottom:48px !important; }
    .hp-section-title { font-size:1.4rem !important; }
}

/* ── HERO SLIDER ── */
@media(max-width:640px){
    .hs-inner { padding:40px 16px 52px !important; }
    .hs-sub   { font-size:0.9rem !important; margin-bottom:20px !important; }
    .hs-btn1, .hs-btn2 { padding:11px 18px !important; font-size:14px !important; }
    .hs-stat-num { font-size:1.25rem !important; }
    .hs-badge-card { display:none !important; }
}
@media(max-width:420px){
    .hs-btns { flex-direction:column !important; gap:10px !important; }
    .hs-btn1, .hs-btn2 { width:100% !important; justify-content:center !important; }
    .hs-stats { gap:8px !important; }
    .hs-stat-num { font-size:1rem !important; }
    .hs-stat-lbl { font-size:11px !important; }
}

/* ── CATEGORY SECTION HEADER ── */
@media(max-width:640px){
    .hp-cat-header { flex-direction:column !important; align-items:flex-start !important; gap:8px !important; margin-bottom:24px !important; }
}

/* ── DUAL PROMO BANNER CONTENT ── */
@media(max-width:480px){
    .hp-promo-content { max-width:100% !important; padding:24px 20px !important; }
    .hp-promo-img-col { display:none !important; }
}

/* ── FLASH DEALS HEADER ── */
@media(max-width:768px){
    .hp-fd-header { flex-direction:column !important; align-items:flex-start !important; gap:16px !important; }
}
@media(max-width:480px){
    .cd-num { font-size:1.3rem !important; min-width:44px !important; padding:6px 10px !important; }
}

/* ── TABBED SLIDER HEADER ── */
@media(max-width:768px){
    .tps-header {
        flex-direction:row !important;
        align-items:center !important;
        flex-wrap:nowrap !important;
        border-bottom:none !important;
        gap:8px !important;
        padding-bottom:0 !important;
    }
    .tps-tabs-row {
        flex:1 !important;
        min-width:0 !important;
        overflow-x:auto !important;
        scrollbar-width:none !important;
        -webkit-overflow-scrolling:touch !important;
        border-bottom:1.5px solid #f3f4f6 !important;
        flex-wrap:nowrap !important;
        padding-bottom:0 !important;
    }
    .tps-tabs-row::-webkit-scrollbar { display:none !important; }
    .tps-tab { font-size:13px !important; margin-right:18px !important; white-space:nowrap !important; flex-shrink:0 !important; }
    .tps-arrows-row { flex-shrink:0 !important; padding-bottom:0 !important; border-bottom:1.5px solid #f3f4f6 !important; }
}
@media(max-width:480px){
    .tps-tab { font-size:12px !important; margin-right:14px !important; }
}
@media(max-width:360px){
    .tps-tab { font-size:11px !important; margin-right:10px !important; padding:8px 0 !important; }
    .tps-item { flex:0 0 calc(100vw - 80px) !important; }
    .tps-item .pcard-img { height:160px !important; }
    .tps-nav { width:32px !important; height:32px !important; }
}

/* ── BRAND SLIDER HEADER ── */
@media(max-width:640px){
    .brand-sl-header { flex-direction:column !important; align-items:flex-start !important; gap:12px !important; }
}

/* ── BRAND SLIDER CARDS ── */
@media(max-width:480px){
    #brand-slider a { flex:0 0 140px !important; }
    #brand-slider a > div:first-child { width:70px !important; height:70px !important; }
}

/* ── SHARED SECTION HEAD (hp-section-head) ── */
@media(max-width:640px){
    .hp-section-head { flex-direction:column !important; align-items:flex-start !important; gap:8px !important; margin-bottom:24px !important; }
}

/* ── POPULAR PRODUCTS HEADER ── */
@media(max-width:640px){
    .hp-pop-header { flex-direction:column !important; align-items:flex-start !important; gap:8px !important; margin-bottom:28px !important; }
    .hp-pop-title  { font-size:1.4rem !important; }
}

/* ── BIG AD BANNER TITLE ── */
@media(max-width:480px){
    .big-ad-title { font-size:1.6rem !important; }
}

/* ── NEWSLETTER POPUP ── */
@media(max-width:540px){
    #nl-modal > div { flex-direction:column !important; max-height:90vh !important; overflow-y:auto !important; }
    #nl-modal > div > div:first-child { min-height:160px !important; border-radius:20px 20px 0 0 !important; }
    #nl-modal > div > div:last-child  { border-radius:0 0 20px 20px !important; }
}
#cat-slider::-webkit-scrollbar { display:none; }
#cat-slider { -ms-overflow-style:none; scrollbar-width:none; user-select:none; }
.cat-card { flex:0 0 160px; scroll-snap-align:start; text-decoration:none; display:block; }
.cat-img-box { width:140px; height:140px; border-radius:24px; overflow:hidden; margin:0 auto 14px; position:relative; border:2.5px solid transparent; transition:border-color 0.25s, box-shadow 0.25s, transform 0.25s; }
.cat-card:hover .cat-img-box { border-color:#22c55e; box-shadow:0 10px 28px rgba(34,197,94,0.22); transform:translateY(-5px); }
.cat-img-box img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.5s ease; }
.cat-card:hover .cat-img-box img { transform:scale(1.08); }
.cat-fallback { width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:3rem; }
.cat-name { display:block; font-size:14px; font-weight:700; color:#111827; text-align:center; margin-bottom:5px; }
.cat-count { display:inline-block; font-size:11px; font-weight:600; color:#6b7280; background:#f3f4f6; padding:2px 10px; border-radius:20px; }
.cat-nav { width:40px; height:40px; border-radius:50%; border:1.5px solid #e5e7eb; background:#fff; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 2px 8px rgba(0,0,0,0.08); transition:all 0.2s; }
.cat-nav:hover { background:#22c55e; border-color:#22c55e; }
.cat-nav:hover i { color:#fff !important; }
.tps-slider::-webkit-scrollbar { display:none; }
.tps-slider { -ms-overflow-style:none; scrollbar-width:none; user-select:none; }
.tps-item { flex:0 0 270px; scroll-snap-align:start; }

/* Product card overrides inside TPS on mobile */
@media(max-width:768px){
    .tps-item .pcard-body  { padding:10px 12px !important; }
    .tps-item .pcard-price { font-size:16px !important; }
    .tps-item .pcard-orig  { font-size:11px !important; }
    .tps-item .pcard-cart  { width:34px !important; height:34px !important; border-radius:8px !important; }
    .tps-item .pcard-cart svg { width:15px !important; height:15px !important; }
    .tps-item .pcard-name  { font-size:13px !important; margin-bottom:6px !important; }
    .tps-item .pcard-cat   { font-size:11px !important; margin-bottom:3px !important; }
    .tps-item .pcard-stars { margin-bottom:8px !important; }
}
@media(max-width:480px){
    .tps-item .pcard-body  { padding:8px 10px !important; }
    .tps-item .pcard-price { font-size:15px !important; }
    .tps-item .pcard-cart  { width:32px !important; height:32px !important; }
    .tps-item .pcard-cart svg { width:14px !important; height:14px !important; }
}
@media(max-width:360px){
    .tps-item .pcard-body  { padding:12px 14px !important; }
    .tps-item .pcard-price { font-size:17px !important; }
    .tps-item .pcard-orig  { font-size:12px !important; }
    .tps-item .pcard-cart  { width:36px !important; height:36px !important; }
    .tps-item .pcard-name  { font-size:14px !important; }
}

/* Tab underline style */
.tps-tab { background:none; border:none; padding:10px 0; margin-right:28px; font-size:15px; font-weight:600; color:#9ca3af; cursor:pointer; position:relative; font-family:inherit; transition:color 0.2s; white-space:nowrap; }
.tps-tab::after { content:''; position:absolute; bottom:-1px; left:0; right:0; height:2.5px; background:#22c55e; border-radius:2px; transform:scaleX(0); transition:transform 0.2s; }
.tps-tab.active { color:#111827; }
.tps-tab.active::after { transform:scaleX(1); }
.tps-tab:hover { color:#374151; }
/* Nav arrows */
.tps-nav { width:38px; height:38px; border-radius:50%; border:1.5px solid #e5e7eb; background:#fff; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 2px 8px rgba(0,0,0,0.07); transition:all 0.2s; }
.tps-nav:hover { background:#22c55e; border-color:#22c55e; }
.tps-nav:hover i { color:#fff !important; }

/* === layouts/app.blade.php === */
/* ── Header shell ─────────────────────────── */
#fm-header { position:sticky;top:0;z-index:999;font-family:inherit; }

/* ── Top bar ──────────────────────────────── */
.fm-topbar { background:#16a34a;color:#fff;font-size:13px;padding:7px 16px; }
.fm-topbar-inner { max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px; }
.fm-topbar-links { display:flex;gap:20px; }
.fm-topbar-links a { color:rgba(255,255,255,0.88);text-decoration:none;transition:color 0.15s; }
.fm-topbar-links a:hover { color:#fff; }
.fm-topbar-promo { display:flex;align-items:center;gap:6px; }
.fm-topbar-promo span { background:rgba(255,255,255,0.2);padding:1px 8px;border-radius:20px;font-size:11px;font-weight:600; }

/* ── Main row ─────────────────────────────── */
.fm-mainrow { background:#fff;border-bottom:1px solid #e5e7eb;padding:12px 16px; }
.fm-mainrow-inner { max-width:1440px;margin:0 auto;display:flex;align-items:center;gap:16px; }

/* Logo */
.fm-logo { display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0; }
.fm-logo-icon { width:40px;height:40px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(34,197,94,0.35); }
.fm-logo-text { font-size:1.4rem;font-weight:800;color:#111827;letter-spacing:-0.5px; }
.fm-logo-text span { color:#22c55e; }

/* Search */
.fm-search { flex:1;min-width:0; }
.fm-search-form { display:flex;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:border-color 0.15s;background:#fff; }
.fm-search-form:focus-within { border-color:#22c55e; }
.fm-search-cat { padding:0 12px;background:#f9fafb;border-right:1px solid #e5e7eb;font-size:13px;color:#374151;cursor:pointer;outline:none;appearance:none;font-family:inherit;border-radius:0; }
.fm-search-input { flex:1;padding:11px 14px;border:none;outline:none;font-size:14px;font-family:inherit;background:transparent;color:#111827; }
.fm-search-btn { padding:0 18px;background:#22c55e;border:none;cursor:pointer;color:#fff;font-size:14px;transition:background 0.15s;flex-shrink:0; }
.fm-search-btn:hover { background:#16a34a; }

/* Action buttons */
.fm-actions { display:flex;align-items:center;gap:4px;flex-shrink:0; }
.fm-action-btn { position:relative;padding:8px 10px;border-radius:10px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;gap:8px;color:#111827;text-decoration:none;transition:background 0.15s;font-family:inherit; }
.fm-action-btn:hover { background:#f3f4f6; }
.fm-action-label { text-align:left;line-height:1.2; }
.fm-action-label-sub { font-size:11px;color:#9ca3af; }
.fm-action-label-main { font-size:13px;font-weight:600;color:#111827; }
.fm-badge { position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;background:#22c55e;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:9px;padding:0 4px;border:2px solid #fff; }

/* Cart dropdown */
.fm-cart-wrap { position:relative; }
.fm-cart-dropdown { position:absolute;top:100%;right:0;width:320px;background:#fff;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,0.14);border:1px solid #f0f0f0;padding:16px;padding-top:22px;z-index:200;display:none; }
.fm-cart-wrap:hover .fm-cart-dropdown { display:block; }
.fm-cart-wrap::after { content:'';position:absolute;bottom:-12px;left:0;right:0;height:12px; }

/* Account dropdown */
.fm-account-wrap { position:relative; }
.fm-account-dropdown { position:absolute;top:100%;right:0;width:220px;background:#fff;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,0.14);border:1px solid #f0f0f0;padding:8px;padding-top:18px;z-index:200;display:none; }
.fm-account-wrap:hover .fm-account-dropdown { display:block; }
.fm-account-wrap::after { content:'';position:absolute;bottom:-12px;left:0;right:0;height:12px; }
.fm-dd-item { display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:#374151;text-decoration:none;font-size:14px;transition:background 0.12s; }
.fm-dd-item:hover { background:#f3f4f6;color:#111827; }
.fm-dd-item i { width:16px;text-align:center;color:#6b7280;font-size:13px; }
.fm-dd-divider { height:1px;background:#f3f4f6;margin:6px 0; }

/* ── Navbar ───────────────────────────────── */
.fm-navbar { background:#fff;border-top:1px solid #f3f4f6;border-bottom:1px solid #e5e7eb; }
.fm-navbar-inner { max-width:1440px;margin:0 auto;padding:0 16px;display:flex;align-items:center; }
.fm-nav-allcats { display:flex;align-items:center;gap:8px;padding:12px 18px;background:#22c55e;color:#fff;font-size:14px;font-weight:600;border:none;cursor:pointer;font-family:inherit;flex-shrink:0;transition:background 0.15s; }
.fm-nav-allcats:hover { background:#16a34a; }
.fm-navlist { display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:2px;flex:1; }
.fm-navlink { display:flex;align-items:center;gap:5px;padding:12px 14px;font-size:14px;font-weight:500;color:#374151;text-decoration:none;transition:color 0.15s;position:relative;white-space:nowrap; }
.fm-navlink:hover { color:#22c55e; }
.fm-navlink.active { color:#22c55e; }
.fm-navlink.active::after { content:'';position:absolute;bottom:0;left:14px;right:14px;height:2px;background:#22c55e;border-radius:2px 2px 0 0; }
.fm-nav-badge { font-size:10px;font-weight:700;padding:1px 6px;border-radius:20px;line-height:1.4; }
.fm-nav-hot { background:#ef4444;color:#fff; }
.fm-nav-new { background:#3b82f6;color:#fff; }

/* Mega menu */
.fm-mega-wrap { position:relative; }
.fm-mega { position:absolute;top:100%;left:0;width:560px;background:#fff;border-radius:0 0 16px 16px;box-shadow:0 16px 40px rgba(0,0,0,0.12);border:1px solid #f0f0f0;border-top:none;padding:20px;z-index:300;display:none; }
.fm-mega-wrap:hover .fm-mega { display:block; }
.fm-mega-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:8px; }
.fm-mega-item { display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:10px;text-decoration:none;color:#374151;font-size:12px;font-weight:500;transition:background 0.12s;text-align:center; }
.fm-mega-item:hover { background:#f0fdf4;color:#16a34a; }
.fm-mega-item .fm-mega-icon { font-size:28px;line-height:1; }

/* All-cats sidebar dropdown */
.fm-cats-wrap { position:relative; }
.fm-cats-panel { position:absolute;top:100%;left:0;width:260px;background:#fff;border-radius:0 0 16px 16px;box-shadow:0 16px 40px rgba(0,0,0,0.12);border:1px solid #f0f0f0;border-top:none;z-index:300;display:none;overflow:visible;padding:6px 0; }
.fm-cats-wrap:hover .fm-cats-panel { display:block; }
.fm-cats-group { position:relative; }
.fm-cats-item { display:flex;align-items:center;gap:10px;padding:9px 14px;font-size:13px;color:#374151;text-decoration:none;transition:background 0.12s; }
.fm-cats-item:hover { background:#f0fdf4;color:#16a34a; }
.fm-cat-img { width:30px;height:30px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#f3f4f6; }
.fm-cat-icon { width:30px;height:30px;border-radius:8px;background:#f0fdf4;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.fm-cats-arrow { margin-left:auto;font-size:10px;color:#d1d5db;flex-shrink:0; }
.fm-cats-item:hover .fm-cats-arrow { color:#22c55e; }
/* Sub-category flyout (level 2) */
.fm-cats-sub { display:none;position:absolute;left:100%;top:-6px;width:230px;background:#fff;border-radius:14px;box-shadow:0 12px 36px rgba(0,0,0,0.13);border:1px solid #f0f0f0;z-index:400;padding:6px 0; }
.fm-cats-group:hover > .fm-cats-sub { display:block; }
.fm-cats-sub-item { display:flex;align-items:center;gap:9px;padding:8px 14px;font-size:13px;color:#374151;text-decoration:none;transition:background 0.12s;position:relative; }
.fm-cats-sub-item:hover { background:#f0fdf4;color:#16a34a; }
.fm-cats-sub-count { margin-left:auto;font-size:11px;color:#9ca3af;background:#f3f4f6;padding:1px 7px;border-radius:20px;flex-shrink:0; }
/* Sub-sub-category flyout (level 3) */
.fm-cats-sub2-group { position:relative; }
.fm-cats-sub2 { display:none;position:absolute;left:100%;top:-6px;width:210px;background:#fff;border-radius:14px;box-shadow:0 12px 36px rgba(0,0,0,0.13);border:1px solid #f0f0f0;z-index:500;padding:6px 0; }
.fm-cats-sub2-group:hover > .fm-cats-sub2 { display:block; }
.fm-cats-sub2-item { display:flex;align-items:center;gap:9px;padding:7px 14px;font-size:13px;color:#374151;text-decoration:none;transition:background 0.12s; }
.fm-cats-sub2-item:hover { background:#f0fdf4;color:#16a34a; }

/* ── Mobile menu ──────────────────────────── */
.fm-mobile-overlay { display:none;position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:998; }
.fm-mobile-drawer { position:fixed;top:0;left:-280px;width:280px;height:100%;background:#fff;z-index:999;overflow-y:auto;transition:left 0.3s ease;box-shadow:8px 0 32px rgba(0,0,0,0.12); }
.fm-mobile-drawer.open { left:0; }
.fm-mobile-overlay.open { display:block; }
.fm-mob-header { display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #f3f4f6; }
.fm-mob-nav a { display:flex;align-items:center;gap:12px;padding:13px 16px;color:#374151;text-decoration:none;font-size:14px;font-weight:500;border-bottom:1px solid #f9fafb;transition:background 0.12s; }
.fm-mob-nav a:hover { background:#f9fafb;color:#22c55e; }
.fm-mob-nav a i { width:18px;text-align:center;color:#9ca3af;font-size:14px; }

/* ── Responsive ───────────────────────────── */
@media(max-width:1024px) {
    .fm-search-cat { display:none; }
    .fm-navbar { display:none; }
    .fm-action-label { display:none; }
    .fm-topbar-links { display:none; }
}
@media(max-width:640px) {
    .fm-logo-text { display:none; }
    .fm-mainrow { padding:10px 12px; }
}
/* ── Search moves to second row on small mobile ── */
@media(max-width:480px) {
    .fm-mainrow-inner { flex-wrap:wrap; row-gap:10px; }
    .fm-search { order:3; flex:0 0 100%; min-width:0; }
    .fm-actions { margin-left:auto; }
    .fm-mainrow { padding-bottom:14px; }
}
/* ── 320px: tighten further ── */
@media(max-width:360px) {
    .fm-logo-icon { width:34px; height:34px; }
    .fm-action-btn { padding:0 4px !important; }
    .fm-topbar { padding:6px 12px; font-size:11px; }
    .fm-topbar-promo { gap:4px; flex-wrap:nowrap; white-space:nowrap; overflow:hidden; }
    .fm-topbar-promo span { font-size:10px; padding:1px 6px; white-space:nowrap; flex-shrink:0; }
    .fm-topbar-promo i { display:none; }
}
@keyframes fmSpin { to { transform:rotate(360deg); } }
#fm-qv-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.6); z-index:9990; align-items:center; justify-content:center; padding:16px; backdrop-filter:blur(3px); }
#fm-qv-overlay.open { display:flex; }
#fm-qv-modal { background:#fff; border-radius:24px; width:100%; max-width:900px; max-height:90vh; overflow:hidden; display:flex; flex-direction:column; box-shadow:0 32px 80px rgba(0,0,0,0.25); position:relative; }
#fm-qv-content { overflow-y:auto; flex:1; }
@media(max-width:640px) {
    #fm-qv-modal { border-radius:16px; max-height:95vh; }
    #fm-qv-content > div { grid-template-columns:1fr !important; }
}

/* === pages/about.blade.php === */
.ab-hero   { background:linear-gradient(135deg,#052e16 0%,#14532d 50%,#166534 100%); color:#fff; padding:80px 0; }
.ab-inner  { max-width:1200px; margin:0 auto; padding:0 20px; }
.ab-stat   { text-align:center; }
.ab-stat-n { font-size:2.5rem; font-weight:900; color:#22c55e; line-height:1; }
.ab-stat-l { font-size:13px; color:rgba(255,255,255,0.7); margin-top:6px; font-weight:500; text-transform:uppercase; letter-spacing:0.05em; }
.ab-card   { background:#fff; border-radius:20px; padding:36px 28px; text-align:center; box-shadow:0 2px 12px rgba(0,0,0,0.06); transition:box-shadow 0.2s,transform 0.2s; }
.ab-card:hover { box-shadow:0 16px 40px rgba(0,0,0,0.10); transform:translateY(-4px); }
.ab-icon   { width:72px; height:72px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 20px; }
.ab-team   { border-radius:20px; overflow:hidden; background:#fff; box-shadow:0 2px 12px rgba(0,0,0,0.07); text-align:center; }
.ab-team img { width:100%; height:220px; object-fit:cover; }
.ab-team-body { padding:18px 16px; }
/* Mobile */
.ab-mission-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; }
.ab-values-grid  { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.ab-team-grid    { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
@media(max-width:768px){
    .ab-hero { padding:56px 0; }
    .ab-mission-grid { grid-template-columns:1fr; gap:24px; }
    .ab-values-grid  { grid-template-columns:repeat(2,1fr); }
    .ab-team-grid    { grid-template-columns:repeat(2,1fr); }
    .ab-team img     { height:160px; }
}
@media(max-width:480px){
    .ab-values-grid { grid-template-columns:1fr; }
    .ab-team-grid   { grid-template-columns:1fr; }
    .ab-stat-n      { font-size:2rem; }
}

/* === pages/faq.blade.php === */
.faq-item { border-bottom:1px solid #f3f4f6; }
.faq-btn  { width:100%; text-align:left; background:none; border:none; padding:22px 0; display:flex; align-items:center; justify-content:space-between; cursor:pointer; font-family:inherit; }
.faq-q    { font-size:16px; font-weight:600; color:#111827; line-height:1.4; }
.faq-icon { width:32px; height:32px; border-radius:50%; background:#f3f4f6; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:background 0.2s; }
.faq-btn[aria-expanded="true"] .faq-icon { background:#22c55e; }
.faq-btn[aria-expanded="true"] .faq-icon i { color:#fff !important; transform:rotate(45deg); }
.faq-icon i { color:#374151; font-size:13px; transition:transform 0.25s, color 0.2s; }
.faq-body { overflow:hidden; max-height:0; transition:max-height 0.35s ease; }
.faq-body p { font-size:15px; color:#6b7280; line-height:1.8; padding-bottom:20px; }
@media(max-width:640px){
    .faq-btn  { padding:16px 0; }
    .faq-q    { font-size:14px; }
    .faq-body p { font-size:14px; }
}
@media(max-width:480px){
    .faq-btn { gap:12px; }
}

/* === partials/quick-view.blade.php === */
#fm-qv-cart-btn,#fm-qv-buynow-btn,#fm-qv-wish-btn,#fm-qv-qty-dec,#fm-qv-qty-inc {
                box-sizing:border-box!important; font-family:inherit!important;
                outline:none!important; text-decoration:none!important;
            }
            #fm-qv-cart-btn {
                display:block!important; width:100%!important; height:48px!important;
                background:#22c55e!important; color:#fff!important; border:none!important;
                border-radius:12px!important; font-size:14px!important; font-weight:700!important;
                line-height:48px!important; text-align:center!important; cursor:pointer!important;
                transition:background 0.15s!important; padding:0 16px!important;
                white-space:nowrap!important; overflow:hidden!important;
            }
            #fm-qv-cart-btn:hover:not(:disabled) { background:#16a34a!important; }
            #fm-qv-cart-btn:disabled { background:#e5e7eb!important; color:#9ca3af!important; cursor:not-allowed!important; }
            #fm-qv-buynow-btn {
                display:block!important; width:100%!important; height:48px!important;
                background:#111827!important; color:#fff!important; border:none!important;
                border-radius:12px!important; font-size:14px!important; font-weight:700!important;
                line-height:48px!important; text-align:center!important; cursor:pointer!important;
                transition:background 0.15s!important; padding:0 16px!important;
                white-space:nowrap!important; overflow:hidden!important;
            }
            #fm-qv-buynow-btn:hover:not(:disabled) { background:#1f2937!important; }
            #fm-qv-buynow-btn:disabled { background:#e5e7eb!important; color:#9ca3af!important; cursor:not-allowed!important; }
            #fm-qv-wish-btn {
                display:block!important; width:100%!important; height:44px!important;
                background:#fff!important; color:#374151!important; border:1.5px solid #e5e7eb!important;
                border-radius:12px!important; font-size:13px!important; font-weight:600!important;
                line-height:42px!important; text-align:center!important; cursor:pointer!important;
                transition:all 0.15s!important; padding:0!important;
            }
            #fm-qv-wish-btn:hover { background:#fef2f2!important; border-color:#fca5a5!important; color:#ef4444!important; }
            #fm-qv-qty-dec,#fm-qv-qty-inc {
                display:block!important; width:40px!important; height:48px!important;
                background:#f9fafb!important; color:#374151!important; border:none!important;
                font-size:20px!important; line-height:48px!important; text-align:center!important;
                cursor:pointer!important; padding:0!important; transition:background 0.15s!important;
            }
            #fm-qv-qty-dec:hover,#fm-qv-qty-inc:hover { background:#f3f4f6!important; }

/* === products/index.blade.php === */
[x-cloak] { display:none !important; }
.fm-products-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.fm-products-list { display:flex; flex-direction:column; gap:16px; }
@media(max-width:1200px){ .fm-products-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:640px){  .fm-products-grid { grid-template-columns:1fr; } }
.fm-filter-label { display:flex; align-items:center; gap:8px; cursor:pointer; padding:3px 0; }
.fm-filter-label span { font-size:14px; color:#374151; }
.fm-filter-label input[type=checkbox], .fm-filter-label input[type=radio] { width:16px; height:16px; accent-color:#22c55e; flex-shrink:0; }

/* === products/show.blade.php === */
@keyframes fmInfoIn {
    from { opacity:0; transform:scale(0.92) translateY(16px); }
    to   { opacity:1; transform:scale(1)    translateY(0);    }
}

/* ===== Utility classes (replaces inline styles) ===== */
.fm-text-center { text-align: center; }
.fm-text-center-mb40 { text-align: center; margin-bottom: 40px; }
.fm-m0 { margin: 0; }
.fm-p0 { padding: 0; }
.fm-p-16 { padding: 16px; }
.fm-p-20 { padding: 20px; }
.fm-d-flex { display: flex; }
.fm-d-block { display: block; }
.fm-d-inline { display: inline; }
.fm-d-none { display: none; }
.fm-img-cover { width: 100%; height: 100%; object-fit: cover; display: block; }
.fm-img-cover-anim { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; display:block; }
.fm-img-cover-faded { width: 100%; height: 100%; object-fit: cover; opacity: 0.85; }
.fm-fs-10 { font-size: 10px; }
.fm-fs-11 { font-size: 11px; }
.fm-fs-12 { font-size: 12px; }
.fm-fs-13 { font-size: 13px; }
.fm-fs-12-muted { font-size: 12px; color: #9ca3af; }
.fm-fs-12-dark { font-size: 12px; color: #374151; }
.fm-fs-13-dark { font-size: 13px; color: #374151; }
.fm-fw-600-dark { font-weight: 600; color: #111827; }
.fm-fw-700-dark-15 { font-weight: 700; font-size: 15px; color: #111827; margin-bottom: 8px; }
.fm-fw-700-dark-14 { font-weight: 700; font-size: 14px; color: #111827; }
.fm-h-200-overflow { height: 200px; overflow: hidden; }
.fm-pos-relative { position: relative; }
.fm-card-link { display: block; background: #fff; border-radius: 16px; overflow: hidden; text-decoration: none; border: 1px solid #f3f4f6; transition: box-shadow 0.2s, transform 0.2s; }
.fm-banner-link { display: block; border-radius: 20px; overflow: hidden; position: relative; height: 240px; text-decoration: none; }
.fm-banner-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,0.62), rgba(0,0,0,0.08)); display: flex; align-items: center; padding: 28px; }
.fm-banner-img-wrap { position: absolute; right: 0; top: 0; bottom: 0; width: 45%; overflow: hidden; }
.fm-banner-content { position: relative; padding: 32px 28px; max-width: 60%; }
.fm-banner-tag { font-size: 12px; color: rgba(255,255,255,0.6); font-weight: 500; margin-top: 4px; }
.fm-banner-title { font-size: 1.4rem; font-weight: 800; color: #fff; line-height: 1.3; margin-bottom: 16px; }
.fm-banner-price { font-size: 1.6rem; font-weight: 900; color: #86efac; line-height: 1; }
.fm-slider { display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding: 4px 2px 16px; cursor: grab; }
.fm-slider::-webkit-scrollbar { height: 4px; }
.fm-slider::-webkit-scrollbar-track { background: #f1f5f9; border-radius: 2px; }
.fm-slider::-webkit-scrollbar-thumb { background: #d1fae5; border-radius: 2px; }
.fm-empty-msg { color: #9ca3af; font-size: 14px; padding: 20px 0; }
.fm-divider { width: 1px; background: rgba(255,255,255,0.15); }
.fm-stat-number { font-size: 2rem; font-weight: 900; opacity: 0.4; line-height: 1; }


/* ===== Utility classes batch 2 ===== */
.fm-flex-gap4 { display: flex; align-items: center; gap: 4px; }
.fm-label-hint { font-size: 12px; color: #9ca3af; font-weight: 500; margin-top: 4px; }
.fm-label-hint2 { font-size: 11px; color: #9ca3af; font-weight: 500; margin-top: 6px; }
.fm-form-label { display: block; font-size: 14px; font-weight: 500; color: #374151; margin-bottom: 8px; }
.fm-text-danger-sm { color: #ef4444; font-size: 12px; margin-top: 4px; }
.fm-text-muted { color: #9ca3af; }
.fm-text-gray { color: #6b7280; }
.fm-text-green { color: #22c55e; }
.fm-text-green-xs { color: #22c55e; font-size: 12px; }
.fm-text-light-green { color: #86efac; }
.fm-card-center { background: #fff; padding: 16px; text-align: center; }
.fm-card-center2 { background: #fff; padding: 18px; text-align: center; }
.fm-card-padded { background: #fff; border-radius: 16px; padding: 24px; }
.fm-container { max-width: 1440px; margin: 0 auto; padding: 32px 20px; }
.fm-container-slim { max-width: 1440px; margin: 0 auto; }
.fm-mb-24 { margin-bottom: 24px; }
.fm-mb-24-sep { margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid #f3f4f6; }
.fm-mt-32 { margin-top: 32px; }
.fm-mr-6 { margin-right: 6px; }
.fm-mr-4 { margin-right: 4px; }
.fm-fs-11-mr4 { font-size: 11px; margin-right: 4px; }
.fm-fs-13-muted { font-size: 13px; color: #9ca3af; }
.fm-fs-18 { font-size: 18px; }
.fm-fs-22-bold { font-size: 22px; font-weight: 800; color: #111827; line-height: 1; }
.fm-fw-700-dark-mb8 { font-weight: 700; color: #111827; margin-bottom: 8px; }
.fm-section-label { font-weight: 600; font-size: 13px; color: #374151; margin-bottom: 12px; text-transform: uppercase; letter-spacing: 0.05em; }
.fm-text-gray-14-mb4 { color: #6b7280; font-size: 14px; margin-bottom: 4px; }
.fm-text-gray-14 { color: #6b7280; font-size: 14px; }
.fm-text-no-decoration { text-decoration: none; }
.fm-flex-1 { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fm-flex-1-plain { flex: 1; }
.fm-flex-start-16 { display: flex; align-items: flex-start; gap: 16px; }
.fm-flex-col-6 { display: flex; flex-direction: column; gap: 6px; }
.fm-icon-wrap { width: 48px; height: 48px; background: rgba(34,197,94,0.1); border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.fm-btn-buy { flex: 1; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 15px; background: #22c55e; color: #fff; border-radius: 14px; font-size: 15px; font-weight: 700; text-decoration: none; transition: background 0.15s; }
.fm-img-cover-anim2 { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.fm-grid-3col { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.fm-form-input { width: 100%; padding: 12px 16px; border: 1px solid #e5e7eb; border-radius: 8px; font-size: 14px; outline: none; font-family: inherit; box-sizing: border-box; transition: border-color 0.15s, box-shadow 0.15s; }
.fm-badge-white { display: inline-block; background: rgba(255,255,255,0.12); color: #86efac; font-size: 12px; font-weight: 700; padding: 4px 16px; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.07em; margin-bottom: 16px; }
.fm-badge-green { display: inline-block; background: #dcfce7; color: #16a34a; font-size: 11px; font-weight: 700; padding: 3px 12px; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 12px; }


/* ===== Utility classes batch 3 ===== */
.fm-flex-col-4 { display: flex; flex-direction: column; gap: 4px; }
.fm-flex-gap6 { display: flex; align-items: center; gap: 6px; }
.fm-flex-gap10-wrap { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.fm-text-danger { color: #ef4444; }
.fm-bg-gray-full { background: #f9fafb; min-height: 100vh; }
.fm-avatar-lg { width: 88px; height: 88px; border-radius: 18px; object-fit: cover; border: 4px solid #fff; box-shadow: 0 8px 24px rgba(0,0,0,0.14); flex-shrink: 0; background: #fff; }
.fm-icon-24 { width: 24px; height: 24px; border-radius: 6px; object-fit: cover; flex-shrink: 0; }
.fm-icon-24-bg { width: 24px; height: 24px; border-radius: 6px; background: #f0fdf4; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.fm-icon-100-white { width: 100px; height: 100px; background: #fff; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; box-shadow: 0 8px 24px rgba(34,197,94,0.18); border: 2px solid #e5e7eb; }
.fm-icon-100-green { width: 100px; height: 100px; background: #22c55e; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; box-shadow: 0 8px 24px rgba(34,197,94,0.3); }
.fm-img-faded45 { width: 100%; height: 100%; object-fit: cover; opacity: 0.45; }
.fm-img-full { width: 100%; height: 100%; object-fit: cover; }
.fm-img-bg-repeat { width: 100%; height: 100%; background-repeat: no-repeat; }
.fm-text-center-mb52 { text-align: center; margin-bottom: 52px; }
.fm-pos-overflow { position: relative; overflow: hidden; }
.fm-hero-banner { position: relative; height: 180px; overflow: hidden; background: linear-gradient(135deg,#14532d,#16a34a); }
.fm-top-bar { position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg,#22c55e,#16a34a); }
.fm-overlay-dark { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.55) 0%, transparent 55%); }
.fm-pb-6 { padding-bottom: 6px; }
.fm-btn-icon { padding: 8px; border-radius: 8px; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.15s; }
.fm-dropdown-header { padding: 8px 14px 6px; border-bottom: 1px solid #f3f4f6; margin-bottom: 4px; }
.fm-icon-btn { padding: 7px 10px; border-radius: 7px; border: none; cursor: pointer; display: flex; align-items: center; transition: all 0.2s; }
.fm-section-pad { padding: 22px 32px 8px; }
.fm-btn-group { padding: 22px 32px 28px; display: flex; gap: 12px; }
.fm-p-12-14 { padding: 12px 14px; }
.fm-hero-profile { padding: 0 32px; margin-top: -44px; position: relative; z-index: 5; display: flex; align-items: flex-end; gap: 18px; margin-bottom: 20px; }
.fm-btn-group2 { padding: 0 32px 28px; display: flex; gap: 12px; }
.fm-bottom-pad { padding: 0 32px 24px; }
.fm-brand-img { max-width: 76px; max-height: 76px; object-fit: contain; }
.fm-container2 { max-width: 1440px; margin: 0 auto; padding: 32px 20px; }
.fm-container-md { max-width: 1240px; margin: 0 auto; padding: 0 20px; }
.fm-btn-link-green { font-weight: 600; color: #22c55e; background: none; border: none; cursor: pointer; padding: 0; display: inline-flex; align-items: center; gap: 5px; font-size: 13px; }
.fm-fw-600 { font-weight: 600; }
.fm-fs-clamp-lg { font-size: clamp(1.8rem,4vw,2.8rem); font-weight: 900; margin-bottom: 12px; }
.fm-fs-clamp-md { font-size: clamp(1.6rem,4vw,2.4rem); font-weight: 900; margin-bottom: 8px; }
.fm-fs-48-muted { font-size: 48px; margin-bottom: 16px; opacity: 0.3; }
.fm-fs-36-white { font-size: 36px; color: #fff; }
.fm-fs-2r-bold { font-size: 2rem; font-weight: 800; color: #111827; }
.fm-fs-26-green { font-size: 26px; font-weight: 800; color: #22c55e; line-height: 1; }
.fm-fs-26-dark { font-size: 26px; font-weight: 800; color: #111827; margin: 0 0 8px; }
.fm-fs-26-dark-lh { font-size: 26px; font-weight: 800; color: #111827; line-height: 1; }
.fm-fs-22-green { font-size: 22px; font-weight: 800; color: #22c55e; line-height: 1; }
.fm-fs-22-dark { font-size: 22px; font-weight: 800; color: #111827; margin: 0 0 4px; line-height: 1.2; }
.fm-hero-profile .fm-pb-6 { background: rgba(255,255,255,0.93); backdrop-filter: blur(8px); border-radius: 12px; padding: 10px 16px 8px; box-shadow: 0 2px 12px rgba(0,0,0,0.10); }
.fm-fs-20-bold { font-size: 20px; font-weight: 700; color: #111827; margin-bottom: 8px; }
.fm-fs-18r { font-size: 1.8rem; font-weight: 900; line-height: 1; }
.fm-fs-16-muted { font-size: 16px; opacity: 0.85; max-width: 480px; margin: 0 auto; }
.fm-fs-14-gray-bg { font-size: 14px; color: #6b7280; line-height: 1.75; margin: 0; background: #f9fafb; border-radius: 12px; padding: 16px; }
.fm-fs-14-gray { font-size: 14px; color: #6b7280; line-height: 1.75; margin: 0; }
.fm-fs-14-gray2 { font-size: 14px; color: #6b7280; }
.fm-fs-13-gray { font-size: 13px; color: #6b7280; line-height: 1.6; }


/* ===== Utility classes batch 4 ===== */
.fm-link-gray { font-size: 13px; color: #6b7280; display: inline-flex; align-items: center; gap: 5px; }
.fm-link-green { font-size: 13px; color: #22c55e; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 5px; margin-top: 4px; }
.fm-link-gray-xs { font-size: 12px; color: #6b7280; display: inline-flex; align-items: center; gap: 4px; }
.fm-caption-upper { font-size: 11px; opacity: 0.75; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; margin-top: 2px; }
.fm-caption-faded { font-size: 11px; opacity: 0.7; }
.fm-label-upper { font-size: 11px; font-weight: 700; color: #9ca3af; text-transform: uppercase; letter-spacing: 0.05em; }
.fm-hint { font-size: 11px; color: #9ca3af; font-weight: 500; }
.fm-badge-solid { display: inline-flex; align-items: center; gap: 5px; background: #22c55e; color: #fff; padding: 4px 14px; border-radius: 20px; font-size: 12px; font-weight: 700; }
.fm-badge-outline { display: inline-flex; align-items: center; gap: 4px; background: #f0fdf4; border: 1px solid #bbf7d0; padding: 3px 10px; border-radius: 20px; font-size: 12px; font-weight: 600; color: #16a34a; }
.fm-grid-4col { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; }
.fm-grid-4col-20 { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }
.fm-stats-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: #f3f4f6; margin: 0 32px 24px; border-radius: 14px; overflow: hidden; border: 1px solid #f3f4f6; }
.fm-grid-2col-sep { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: #f3f4f6; border-top: 1px solid #f3f4f6; border-bottom: 1px solid #f3f4f6; }
.fm-flex-sb-13 { display: flex; justify-content: space-between; font-size: 13px; }
.fm-flex-sb-ac-13 { display: flex; justify-content: space-between; align-items: center; font-size: 13px; }
.fm-flex-center-stars { display: flex; justify-content: center; gap: 2px; margin: 4px 0 2px; }
.fm-flex-sb-ac-gray { display: flex; align-items: center; justify-content: space-between; font-size: 13px; color: #6b7280; }
.fm-btn-secondary { display: flex; align-items: center; justify-content: center; gap: 9px; padding: 15px 22px; background: #f9fafb; color: #374151; border: 1.5px solid #e5e7eb; border-radius: 14px; font-size: 15px; font-weight: 700; text-decoration: none; transition: all 0.15s; }
.fm-btn-outline-green { display: flex; align-items: center; justify-content: center; gap: 9px; padding: 15px 22px; background: #f0fdf4; color: #16a34a; border: 1.5px solid #bbf7d0; border-radius: 14px; font-size: 15px; font-weight: 700; text-decoration: none; transition: all 0.15s; }
.fm-flex-gap8-mb10 { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.fm-flex-gap8-shrink { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.fm-flex-gap8 { display: flex; align-items: center; gap: 8px; }
.fm-flex-gap6-dark { display: flex; align-items: center; gap: 6px; font-size: 13px; color: #374151; }
.fm-flex-gap6-green { display: flex; align-items: center; gap: 6px; color: #22c55e; font-size: 13px; font-weight: 700; }
.fm-flex-gap10 { display: flex; align-items: center; gap: 10px; }
.fm-flex-baseline { display: flex; align-items: baseline; gap: 8px; }
.fm-card-link2 { display: block; background: #fff; border-radius: 16px; overflow: hidden; text-decoration: none; transition: box-shadow 0.3s; }
.fm-text-white-bold { color: #fff !important; vertical-align: middle; }
.fm-text-white-fw { color: #fff; font-weight: 700; font-size: 13px; }
.fm-text-yellow { color: #fbbf24; }


/* ===== Utility classes batch 5 ===== */
.fm-text-yellow-sm { color: #facc15; font-size: 12px; }
.fm-text-muted-mb24 { color: #9ca3af; margin-bottom: 24px; }
.fm-text-muted-14 { color: #9ca3af; font-size: 14px; }
.fm-text-green-14 { color: #22c55e; font-size: 14px; }
.fm-text-green-11 { color: #22c55e; font-size: 11px; }
.fm-text-green-10 { color: #22c55e; font-size: 10px; }
.fm-text-dark { color: #111827; }
.fm-stat-box { background: rgba(255,255,255,0.15); padding: 10px 20px; border-radius: 12px; text-align: center; }
.fm-section-hero { background: linear-gradient(135deg,#f0fdf4 0%,#dcfce7 50%,#bbf7d0 100%); padding: 36px 32px 28px; text-align: center; position: relative; }
.fm-section-white-60 { background: #fff; padding: 60px 0; }
.fm-section-white-56 { background: #fff; padding: 56px 0; }
.fm-empty-white-lg { background: #fff; border-radius: 20px; padding: 80px 20px; text-align: center; }
.fm-empty-white-md { background: #fff; border-radius: 16px; padding: 64px 20px; text-align: center; }
.fm-sidebar-sticky { background: #fff; border-radius: 16px; padding: 24px; position: sticky; top: 96px; }
.fm-nav-white { background: #fff; border-bottom: 1px solid #e5e7eb; }
.fm-section-gray-80 { background: #f9fafb; padding: 80px 0; }
.fm-section-gray-64 { background: #f9fafb; padding: 64px 0; }
.fm-section-gray-60 { background: #f9fafb; padding: 60px 0; }
.fm-page-gray { background: #f9fafb; min-height: 100vh; padding: 48px 16px; }
.fm-tag-green { background: #dcfce7; color: #16a34a; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 20px; }

/* ===== Auto-generated from inline styles ===== */

.fm-c-background-00de8 { background:#fff; border-bottom:1px solid #f3f4f6; }
.fm-c-background-01436 { background:#fff; border-radius:24px; overflow:hidden; max-width:560px; width:100%; position:relative; box-shadow:0 24px 60px rgba(0,0,0,0.2); display:flex; flex-direction:column; }
.fm-c-background-01620 { background:#f9fafb; border-radius:12px; padding:12px; display:flex; flex-direction:column; gap:8px; }
.fm-c-background-017f5 { background:#fff; border-radius:16px; padding:64px; text-align:center; }
.fm-c-background-0207b { background:#007bc1;border-radius:5px;padding:4px 8px;display:flex;align-items:center;justify-content:center; }
.fm-c-background-035e1 { background:#fff; border-radius:16px; padding:32px; }
.fm-c-background-125b8 { background:rgba(0,0,0,0.5); color:#fff; font-size:11px; padding:2px 8px; border-radius:20px; backdrop-filter:blur(4px); }
.fm-c-background-25424 { background:#dcfce7; border:1px solid #bbf7d0; color:#166534; padding:16px 20px; border-radius:12px; margin-bottom:24px; display:flex; align-items:center; gap:10px; }
.fm-c-background-30a88 { background:#fff; border-radius:20px; overflow:hidden; box-shadow:0 1px 4px rgba(0,0,0,0.07); }
.fm-c-background-421e4 { background:#fff; padding:80px 0; }
.fm-c-background-4fe9a { background:#fff;border:1px solid #e5e7eb;border-radius:5px;padding:4px 7px;display:flex;align-items:center;gap:3px; }
.fm-c-background-51727 { background:#fff; padding:60px 0; overflow:hidden; }
.fm-c-background-533af { background:linear-gradient(135deg,#1e1b4b 0%,#312e81 60%,#4338ca 100%); padding:44px 20px; text-align:center; color:#fff; }
.fm-c-background-554d5 { background:#fff; border-radius:24px; width:100%; max-width:680px; overflow:hidden; box-shadow:0 32px 80px rgba(0,0,0,0.24); position:relative; animation:fmInfoIn 0.25s cubic-bezier(0.34,1.56,0.64,1); }
.fm-c-background-59bd8 { background:linear-gradient(135deg,#052e16,#166534); border-radius:20px; padding:40px 32px; text-align:center; color:#fff; margin-top:16px; }
.fm-c-background-5f32e { background:#1a1f71;border-radius:5px;padding:4px 8px;display:flex;align-items:center;justify-content:center; }
.fm-c-background-61874 { background:linear-gradient(135deg,#052e16 0%,#14532d 45%,#166534 100%);color:#fff;position:relative;overflow:hidden; }
.fm-c-background-67fd5 { background:linear-gradient(135deg,#052e16 0%,#14532d 50%,#166534 100%); padding:64px 20px; }
.fm-c-background-69492 { background:linear-gradient(135deg,#f0fdf4,#dcfce7); border:1px solid #bbf7d0; border-radius:20px; padding:24px 28px; margin-bottom:20px; }
.fm-c-background-6c0e7 { background:#ef4444; color:#fff; font-size:12px; font-weight:700; padding:3px 10px; border-radius:20px; }
.fm-c-background-6eb7c { background:linear-gradient(135deg,#052e16 0%,#14532d 50%,#166534 100%); padding:40px 36px 32px; text-align:center; position:relative; overflow:hidden; }
.fm-c-background-6fb6a { background:#fff; border-radius:20px; padding:48px 20px; text-align:center; }
.fm-c-background-713f1 { background:#fff; border-radius:20px; overflow:hidden; box-shadow:0 1px 4px rgba(0,0,0,0.07); transition:box-shadow 0.25s, transform 0.25s; }
.fm-c-background-7544d { background:linear-gradient(135deg,#052e16 0%,#14532d 50%,#166534 100%); padding:56px 20px; }
.fm-c-background-75be8 { background:#ef4444; }
.fm-c-background-80a8c { background:rgba(0,0,0,0.08); padding:1px 7px; border-radius:20px; font-size:11px; font-weight:500; }
.fm-c-background-81b9f { background:#fff; border-radius:16px; box-shadow:0 1px 4px rgba(0,0,0,0.08); text-decoration:none; display:block; transition:box-shadow 0.25s, transform 0.25s; }
.fm-c-background-8835f { background:#fef2f2; border:1px solid #fecaca; border-radius:20px; padding:20px 24px; margin-bottom:20px; display:flex; align-items:center; gap:14px; }
.fm-c-background-94f4f { background:linear-gradient(135deg,#052e16 0%,#14532d 45%,#166534 100%); padding:60px 0; position:relative; overflow:hidden; }
.fm-c-background-96020 { background:linear-gradient(135deg,#052e16 0%,#14532d 50%,#166534 100%); padding:72px 20px; text-align:center; color:#fff; }
.fm-c-background-9a5c8 { background:#f9fafb; padding:56px 0; min-height:50vh; }
.fm-c-background-a01aa { background:#f9fafb; padding:40px 0; min-height:60vh; }
.fm-c-background-a2750 { background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.07);display:flex;transition:box-shadow 0.2s; }
.fm-c-background-ae2b6 { background:#fff; border-radius:16px; overflow:hidden; margin-bottom:48px; }
.fm-c-background-afc4d { background:linear-gradient(135deg,#052e16 0%,#14532d 50%,#166534 100%); padding:64px 20px; text-align:center; color:#fff; }
.fm-c-background-afd0c { background:#fff;border-radius:16px;padding:16px;margin-bottom:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px; }
.fm-c-background-b466e { background:#f0fdf4; }
.fm-c-background-b54d0 { background:#fff; border-radius:20px; padding:28px 32px; margin-bottom:20px; box-shadow:0 1px 4px rgba(0,0,0,0.07); }
.fm-c-background-ba507 { background:#fff; padding:64px 0; }
.fm-c-background-c6961 { background:#f9fafb;min-height:100vh; }
.fm-c-background-c6ee2 { background:#f9fafb; padding:72px 0; }
.fm-c-background-cbf5c { background:#f9fafb; border-radius:20px; padding:28px 24px; text-align:center; border:1px solid #f3f4f6; transition:box-shadow 0.2s, transform 0.2s; }
.fm-c-background-d048c { background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,0.08); transition:box-shadow 0.3s, transform 0.3s; position:relative; }
.fm-c-background-d3ab4 { background:linear-gradient(135deg,#052e16 0%,#14532d 50%,#166534 100%); padding:56px 20px; text-align:center; color:#fff; }
.fm-c-background-d7c54 { background:#fff;border:1px solid #e5e7eb;border-radius:5px;padding:4px 8px;display:flex;align-items:center;justify-content:center; }
.fm-c-background-d8f3d { background:linear-gradient(to right,#22c55e,#16a34a); color:#fff; position:relative; overflow:hidden; }
.fm-c-background-deb89 { background:linear-gradient(to right,#22c55e,#16a34a); color:#fff; padding:64px 16px; text-align:center; }
.fm-c-background-e305c { background:#fff; border-radius:20px; padding:0 28px; box-shadow:0 2px 12px rgba(0,0,0,0.05); }
.fm-c-background-e3911 { background:none; border:none; cursor:pointer; padding:2px; display:flex; align-items:center; color:#94a3b8; }
.fm-c-background-eb70a { background:#f9fafb; border-radius:20px; padding:28px; border:1px solid #f3f4f6; position:relative; }
.fm-c-background-f16a4 { background:#fff;border-radius:14px;padding:14px 18px;margin-bottom:22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 1px 4px rgba(0,0,0,0.05); }
.fm-c-background-f4a63 { background:#fff; border-radius:24px; width:100%; max-width:680px; overflow:hidden; box-shadow:0 32px 80px rgba(0,0,0,0.22); position:relative; animation:fmInfoIn 0.25s cubic-bezier(0.34,1.56,0.64,1); }
.fm-c-background-f892c { background:linear-gradient(135deg,#052e16 0%,#14532d 50%,#166534 100%); padding:72px 20px; text-align:center; }
.fm-c-background-ffd18 { background:#f9fafb; padding:48px 0; }
.fm-c-border-bf3a1 { border:1px solid #fde68a; border-radius:10px; overflow:hidden; background:#fffbeb; }
.fm-c-borderbottom-a7d70 { border-bottom:1px solid #f9fafb; }
.fm-c-borderradius-8d03d { border-radius:16px; overflow:visible; background:#fff; aspect-ratio:1/1; display:flex; align-items:center; justify-content:center; position:relative; cursor:crosshair; }
.fm-c-bordertop-a384a { border-top:1px solid #f3f4f6;margin-top:6px;padding:8px 14px; }
.fm-c-color-12b17 { color:#ef4444; font-size:24px; flex-shrink:0; }
.fm-c-color-16806 { color:#fff; flex:1; min-width:220px; }
.fm-c-color-24b5b { color:#fff;font-weight:700;font-size:12px; }
.fm-c-color-2af17 { color:#fff; font-size:13px; font-weight:700; }
.fm-c-color-2e0c1 { color:#6366f1; }
.fm-c-color-30d10 { color:#facc15; font-size:20px; }
.fm-c-color-3328e { color:#9ca3af; font-size:13px; margin-top:4px; }
.fm-c-color-39190 { color:#d97706; font-size:12px; }
.fm-c-color-3af90 { color:#22c55e;font-size:13px;text-decoration:none;font-weight:500; }
.fm-c-color-3c003 { color:#9ca3af;font-size:11px; }
.fm-c-color-3ecd2 { color:#fff; font-weight:700; font-size:14px; }
.fm-c-color-41c6d { color:#ef4444;font-size:14px; }
.fm-c-color-4b895 { color:#9ca3af; font-size:11px; margin-right:3px; }
.fm-c-color-55147 { color:#22c55e;font-size:9px; }
.fm-c-color-67360 { color:#9ca3af; font-size:16px; }
.fm-c-color-730b2 { color:#facc15;font-size:12px; }
.fm-c-color-81112 { color:#22c55e;font-size:17px; }
.fm-c-color-818be { color:#a5b4fc; }
.fm-c-color-83a3e { color:#9ca3af; margin-bottom:20px; }
.fm-c-color-864f7 { color:#22c55e; font-size:20px; }
.fm-c-color-913b6 { color:#9ca3af; font-size:13px; }
.fm-c-color-a0312 { color:#facc15; font-size:14px; }
.fm-c-color-a07f8 { color:#fff; font-size:18px; }
.fm-c-color-a23e8 { color:#22c55e;font-weight:600; }
.fm-c-color-b9f9d { color:#ef4444; font-weight:600; font-size:13px; }
.fm-c-color-bbc82 { color:#16a34a; font-weight:600; font-size:13px; }
.fm-c-color-bc52a { color:#fff!important; font-size:14px; vertical-align:middle; margin-right:7px; }
.fm-c-color-c097d { color:#9ca3af;font-size:14px; }
.fm-c-color-cbdba { color:#818cf8; font-size:16px; }
.fm-c-color-d6aa7 { color:#22c55e; margin-right:6px; }
.fm-c-color-dd3d9 { color:#22c55e; text-decoration:none; display:flex; align-items:center; gap:8px; font-weight:500; }
.fm-c-color-deb78 { color:#ef4444; font-size:14px; font-weight:600; }
.fm-c-color-df972 { color:#16a34a; font-weight:900; font-size:24px; line-height:1; }
.fm-c-color-e074a { color:#22c55e;font-size:12px;text-decoration:none;font-weight:600; }
.fm-c-color-e074f { color:#374151; font-weight:600; }
.fm-c-color-e11d6 { color:#facc15; }
.fm-c-color-e17fb { color:#9ca3af; margin-bottom:24px; }
.fm-c-color-e35ab { color:#6b7280; margin-bottom:24px; line-height:1.6; }
.fm-c-color-f0aaa { color:#22c55e; font-weight:600; text-decoration:none; }
.fm-c-display-070de { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.55); z-index:9999; align-items:center; justify-content:center; padding:20px; }
.fm-c-display-075ed { display:flex; gap:10px; flex-shrink:0; align-items:center; }
.fm-c-display-0adff { display:block; }
.fm-c-display-0b3c8 { display:inline-flex; align-items:center; gap:8px; padding:11px 24px; background:#6366f1; color:#fff; border-radius:12px; font-weight:600; text-decoration:none; font-size:14px; }
.fm-c-display-0ea98 { display:flex; align-items:center; gap:6px; padding:5px 8px; font-size:12px; font-weight:600; color:#22c55e; text-decoration:none; }
.fm-c-display-1199b { display:flex; align-items:center; gap:6px; margin-bottom:6px; }
.fm-c-display-146d0 { display:inline-flex; align-items:center; gap:8px; background:#22c55e; color:#fff; padding:14px 36px; border-radius:14px; font-weight:700; text-decoration:none; font-size:16px; box-shadow:0 6px 20px rgba(34,197,94,0.4); }
.fm-c-display-1952d { display:flex;gap:8px; }
.fm-c-display-1a49c { display:flex; justify-content:space-between; align-items:center; margin-bottom:48px; }
.fm-c-display-1ca86 { display:block;text-align:center;padding:10px;background:#22c55e;color:#fff;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:background 0.15s; }
.fm-c-display-1e1be { display:flex; align-items:center; gap:16px; margin-bottom:24px; flex-wrap:wrap; }
.fm-c-display-22496 { display:inline-block; padding:4px 14px; background:rgba(34,197,94,0.1); color:#16a34a; border-radius:20px; font-size:13px; font-weight:500; margin-bottom:16px; width:fit-content; }
.fm-c-display-24b71 { display:inline-flex; align-items:center; gap:8px; background:#22c55e; color:#fff; padding:12px 28px; border-radius:12px; font-weight:700; text-decoration:none; font-size:15px; box-shadow:0 4px 14px rgba(34,197,94,0.35); }
.fm-c-display-25220 { display:none; position:absolute; width:180px; height:180px; border:2px solid #22c55e; border-radius:10px; background:rgba(34,197,94,0.06); pointer-events:none; box-shadow:0 0 0 1px rgba(34,197,94,0.25); }
.fm-c-display-276d8 { display:flex;align-items:center;justify-content:space-between;margin-bottom:20px; }
.fm-c-display-2830a { display:flex;gap:12px;margin-top:24px;flex-wrap:wrap; }
.fm-c-display-2999a { display:flex;gap:4px;background:#f3f4f6;border-radius:10px;padding:4px; }
.fm-c-display-2c89b { display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:#22c55e;color:#fff;border-radius:12px;font-weight:600;text-decoration:none;font-size:14px; }
.fm-c-display-2e25d { display:inline-block; background:rgba(134,239,172,0.18); color:#86efac; font-size:11px; font-weight:700; padding:3px 14px; border-radius:20px; text-transform:uppercase; letter-spacing:0.07em; margin-bottom:12px; }
.fm-c-display-30ab6 { display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.15);padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:16px; }
.fm-c-display-33ff1 { display:inline-flex; align-items:center; border:1.5px solid #e5e7eb; border-radius:12px; overflow:hidden; flex-shrink:0; height:48px; background:#fff; }
.fm-c-display-341c0 { display:flex; align-items:center; gap:16px; font-size:12px; color:#9ca3af; margin-bottom:16px; }
.fm-c-display-36f60 { display:inline-flex; align-items:center; gap:7px; padding:11px 24px; background:#22c55e; color:#fff; border-radius:10px; font-weight:700; font-size:14px; text-decoration:none; transition:background 0.15s; box-shadow:0 4px 14px rgba(34,197,94,0.35); }
.fm-c-display-37a96 { display:inline-flex; align-items:center; gap:8px; background:#22c55e; color:#fff; padding:12px 28px; border-radius:12px; font-weight:700; text-decoration:none; font-size:15px; box-shadow:0 4px 14px rgba(34,197,94,0.4); }
.fm-c-display-394d5 { display:flex;justify-content:space-between;font-size:14px;margin-bottom:12px; }
.fm-c-display-3afb7 { display:inline-flex; align-items:center; gap:7px; padding:8px 16px; border-radius:30px; font-size:13px; font-weight:600; text-decoration:none; flex-shrink:0; background:#22c55e; color:#fff; border:1.5px solid #22c55e; }
.fm-c-display-3b6ff { display:flex;align-items:center;gap:10px; }
.fm-c-display-3bce6 { display:flex; flex-direction:column; gap:4px; }
.fm-c-display-3e9da { display:flex; align-items:center; }
.fm-c-display-42072 { display:none; position:fixed; bottom:0; left:0; right:0; z-index:99999; padding:16px 20px; background:#fff; border-top:1px solid #e5e7eb; box-shadow:0 -4px 24px rgba(0,0,0,0.10); }
.fm-c-display-44a56 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:32px; }
.fm-c-display-48ed4 { display:inline-flex; align-items:center; gap:7px; padding:9px 18px; background:#6366f1; color:#fff; border-radius:10px; font-size:13px; font-weight:700; text-decoration:none; white-space:nowrap; transition:background 0.15s; }
.fm-c-display-492ec { display:flex; align-items:center; gap:8px; }
.fm-c-display-4b80b { display:inline-flex; align-items:center; gap:8px; background:rgba(134,239,172,0.18); color:#86efac; font-size:12px; font-weight:700; padding:5px 16px; border-radius:20px; text-transform:uppercase; letter-spacing:0.07em; margin-bottom:20px; }
.fm-c-display-4b852 { display:inline-flex; align-items:center; gap:8px; padding:12px 28px; background:#6366f1; color:#fff; border-radius:12px; font-weight:700; text-decoration:none; font-size:14px; }
.fm-c-display-4ebe1 { display:flex; gap:0; border-radius:14px; overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,0.25); }
.fm-c-display-5190e { display:inline-flex; align-items:center; gap:7px; background:rgba(255,255,255,0.12); padding:5px 14px; border-radius:20px; font-size:12px; font-weight:700; color:#fff; text-transform:uppercase; letter-spacing:0.07em; margin-bottom:8px; border:1px solid rgba(255,255,255,0.15); }
.fm-c-display-593c1 { display:none;padding:8px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;margin-left:4px; }
.fm-c-display-5b868 { display:flex;align-items:center;gap:16px; }
.fm-c-display-5c9b8 { display:block; position:relative; min-height:360px; text-decoration:none; overflow:hidden; }
.fm-c-display-5d9ef { display:flex; align-items:center; gap:10px; flex:1; min-width:0; overflow-x:auto; scrollbar-width:none; }
.fm-c-display-5e074 { display:inline-flex; align-items:center; gap:6px; background:#22c55e; color:#fff; font-size:12px; font-weight:700; padding:8px 16px; border-radius:10px; }
.fm-c-display-5ee8f { display:flex; align-items:center; gap:14px; }
.fm-c-display-5f157 { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.fm-c-display-60a12 { display:none; position:absolute; top:0; left:calc(100% + 16px); width:420px; height:420px; border:1.5px solid #e5e7eb; border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 20px 40px rgba(0,0,0,0.13); z-index:50; }
.fm-c-display-6266b { display:inline-flex; align-items:center; gap:6px; background:#ef4444; color:#fff; font-size:12px; font-weight:700; padding:8px 16px; border-radius:10px; }
.fm-c-display-62b40 { display:inline-block; background:rgba(255,255,255,0.12); color:#86efac; font-size:12px; font-weight:700; padding:4px 16px; border-radius:20px; text-transform:uppercase; letter-spacing:0.07em; margin-bottom:14px; }
.fm-c-display-62cee { display:inline-flex; align-items:center; gap:6px; background:#3b82f6; color:#fff; padding:9px 18px; border-radius:10px; font-size:13px; font-weight:700; }
.fm-c-display-62e9b { display:flex; flex-wrap:wrap; gap:6px; }
.fm-c-display-63cde { display:grid; grid-template-columns:repeat(4,1fr); border-left:1px solid #f3f4f6; }
.fm-c-display-63e98 { display:flex;gap:8px;align-items:center; }
.fm-c-display-6484c { display:flex; align-items:center; gap:14px; padding:20px 24px; border-right:1px solid #f3f4f6; }
.fm-c-display-64bf9 { display:flex; justify-content:space-between; align-items:center; padding:7px 14px; border-bottom:1px solid #fef3c7; font-size:12px; }
.fm-c-display-6881e { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-bottom:24px; }
.fm-c-display-69583 { display:flex; align-items:center; justify-content:space-between; gap:6px; }
.fm-c-display-6a133 { display:flex; gap:2px; }
.fm-c-display-6a703 { display:flex;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden; }
.fm-c-display-6d8c3 { display:flex;gap:32px;align-items:flex-start; }
.fm-c-display-6dc9f { display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; }
.fm-c-display-6e271 { display:flex; align-items:center; gap:4px; margin-bottom:12px; }
.fm-c-display-6e418 { display:grid; grid-template-columns:1fr 1fr; }
.fm-c-display-6ed61 { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; }
.fm-c-display-6fc89 { display:flex;justify-content:space-between;align-items:center;margin-bottom:14px; }
.fm-c-display-7092f { display:flex; align-items:center; gap:8px; color:#22c55e; font-size:14px; font-weight:500; }
.fm-c-display-73951 { display:flex; justify-content:center; gap:40px; flex-wrap:wrap; }
.fm-c-display-74c63 { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.fm-c-display-766bb { display:inline-block;vertical-align:middle;margin-right:7px;flex-shrink:0; }
.fm-c-display-78990 { display:flex; align-items:center; gap:20px; margin-top:16px; flex-wrap:wrap; }
.fm-c-display-7a14d { display:none; position:absolute; top:0; left:calc(100% + 12px); width:380px; height:380px; border:1.5px solid #e5e7eb; border-radius:14px; overflow:hidden; background:#fff; box-shadow:0 16px 40px rgba(0,0,0,0.14); z-index:200; }
.fm-c-display-7a869 { display:block; cursor:crosshair; }
.fm-c-display-7af88 { display:flex; align-items:center; gap:6px; font-size:13px; color:#9ca3af; }
.fm-c-display-7e0b3 { display:flex;align-items:center;gap:12px;margin-left:auto;padding-left:16px;flex-shrink:0; }
.fm-c-display-7f8dc { display:flex; align-items:center; gap:12px; }
.fm-c-display-8583d { display:flex; align-items:center; gap:8px; padding:5px 8px; border-radius:8px; text-decoration:none; transition:background 0.15s; }
.fm-c-display-86b94 { display:flex;align-items:center;justify-content:space-between;margin-top:14px; }
.fm-c-display-87729 { display:flex; align-items:center; gap:8px; margin-bottom:6px; }
.fm-c-display-8dc70 { display:flex; align-items:center; gap:6px; min-width:0; flex:1; }
.fm-c-display-8ed26 { display:flex; align-items:center; flex-wrap:wrap; gap:14px; font-size:12px; color:#6b7280; }
.fm-c-display-910e1 { display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; padding:8px 4px 20px; cursor:grab; }
.fm-c-display-9136f { display:inline-block; background:#3b82f6; color:#fff; font-size:11px; font-weight:700; padding:3px 10px; border-radius:20px; margin-bottom:10px; text-transform:uppercase; letter-spacing:0.06em; }
.fm-c-display-935e5 { display:block; background:#fff; border-radius:16px; overflow:hidden; margin-bottom:48px; text-decoration:none; transition:box-shadow 0.3s; }
.fm-c-display-93b8e { display:none; }
.fm-c-display-93d17 { display:block; background:linear-gradient(135deg,#fef3c7,#fde68a); border-radius:20px; overflow:hidden; position:relative; min-height:200px; text-decoration:none; transition:box-shadow 0.2s; }
.fm-c-display-977ed { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.65); z-index:9995; align-items:center; justify-content:center; padding:24px; backdrop-filter:blur(4px); }
.fm-c-display-98300 { display:inline-flex; align-items:center; gap:6px; padding:8px 14px; background:#f0fdf4; color:#16a34a; border-radius:8px; font-size:13px; font-weight:600; text-decoration:none; transition:background 0.15s; }
.fm-c-display-990c3 { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.fm-c-display-9912c { display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #f9fafb; }
.fm-c-display-9a3f0 { display:inline-flex; align-items:center; gap:8px; background:#22c55e; color:#fff; padding:14px 32px; border-radius:14px; font-size:16px; font-weight:800; box-shadow:0 6px 20px rgba(34,197,94,0.45); }
.fm-c-display-9ade7 { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:0; border-bottom:1.5px solid #f3f4f6; padding-bottom:0; }
.fm-c-display-9ae75 { display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:600; padding:5px 14px; border-radius:20px; border:1px solid; width:fit-content; }
.fm-c-display-9cc5e { display:flex;align-items:center;gap:12px; }
.fm-c-display-9e36e { display:inline-block; background:#ef4444; color:#fff; font-size:11px; font-weight:700; padding:3px 10px; border-radius:20px; margin-bottom:10px; text-transform:uppercase; letter-spacing:0.06em; }
.fm-c-display-9e48e { display:flex; flex-direction:column; gap:24px; }
.fm-c-display-a025f { display:block; background:linear-gradient(135deg,#dbeafe,#bfdbfe); border-radius:20px; overflow:hidden; position:relative; min-height:200px; text-decoration:none; transition:box-shadow 0.2s; }
.fm-c-display-a10c5 { display:flex;flex-direction:column;gap:8px; }
.fm-c-display-a1b38 { display:none; background:#f0fdf4; border:1.5px solid #bbf7d0; border-radius:12px; padding:12px 16px; text-align:center; margin-bottom:16px; }
.fm-c-display-a9597 { display:flex; gap:10px; margin-bottom:16px; }
.fm-c-display-a9c55 { display:flex;align-items:center;justify-content:space-between;margin-bottom:24px; }
.fm-c-display-ada3c { display:inline-flex; align-items:center; gap:6px; padding:10px 18px; background:#fff; border:1.5px solid #bbf7d0; border-radius:10px; font-size:13px; font-weight:700; color:#16a34a; cursor:pointer; }
.fm-c-display-b3e54 { display:flex; align-items:center; gap:5px; }
.fm-c-display-b4378 { display:inline-flex; align-items:center; gap:7px; padding:8px 16px; border-radius:30px; font-size:13px; font-weight:600; text-decoration:none; flex-shrink:0; background:#f0fdf4; color:#15803d; border:1.5px solid #bbf7d0; transition:all 0.15s; }
.fm-c-display-b5ea3 { display:flex; align-items:center; gap:10px; overflow-x:auto; padding-bottom:4px; scrollbar-width:none; }
.fm-c-display-b88c7 { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; margin-bottom:48px; }
.fm-c-display-b89ad { display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; }
.fm-c-display-b93da { display:flex;align-items:center;gap:12px;padding:13px 16px;color:#ef4444;background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;font-family:inherit;width:100%; }
.fm-c-display-bb610 { display:inline-flex; align-items:center; gap:6px; background:#f59e0b; color:#fff; font-size:12px; font-weight:700; padding:8px 16px; border-radius:10px; }
.fm-c-display-bc36b { display:inline-flex; align-items:center; gap:6px; padding:10px 18px; background:#22c55e; border:none; border-radius:10px; font-size:13px; font-weight:700; color:#fff; text-decoration:none; }
.fm-c-display-bc7e3 { display:flex; align-items:center; gap:6px; padding:6px 12px; background:rgba(255,255,255,0.15); border:1px solid rgba(255,255,255,0.3); border-radius:8px; color:#fff; font-size:13px; font-weight:600; cursor:pointer; transition:background 0.2s; }
.fm-c-display-bf1b7 { display:flex;align-items:center;gap:2px; }
.fm-c-display-c003a { display:flex; align-items:center; gap:10px; cursor:pointer; user-select:none; }
.fm-c-display-c3ff6 { display:flex; align-items:center; gap:8px; color:#22c55e; font-weight:500; font-size:14px; }
.fm-c-display-c473b { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.fm-c-display-c73bf { display:flex; gap:1px; }
.fm-c-display-c7ecc { display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; scrollbar-width:none; -ms-overflow-style:none; cursor:grab; }
.fm-c-display-c80e5 { display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:600; color:#22c55e; text-decoration:none; }
.fm-c-display-cabaa { display:flex; align-items:center; justify-content:space-between; margin-bottom:32px; flex-wrap:wrap; gap:12px; }
.fm-c-display-cafc7 { display:flex; gap:10px; flex-wrap:wrap; }
.fm-c-display-ce5ad { display:flex; justify-content:center; gap:8px; margin-bottom:40px; align-items:center; }
.fm-c-display-d31cc { display:flex;align-items:center;gap:7px;padding:9px 18px;background:#22c55e;color:#fff;border:none;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer; }
.fm-c-display-d47c6 { display:flex; align-items:center; justify-content:space-between; margin-bottom:40px; }
.fm-c-display-d4ea8 { display:flex; align-items:center; gap:8px; background:rgba(255,255,255,0.08); border-radius:10px; padding:6px 10px; flex-shrink:0; position:relative; }
.fm-c-display-d60bc { display:inline-flex; align-items:center; gap:7px; background:rgba(255,255,255,0.12); color:#86efac; font-size:12px; font-weight:700; padding:4px 14px; border-radius:20px; text-transform:uppercase; letter-spacing:0.07em; margin-bottom:14px; border:1px solid rgba(255,255,255,0.15); }
.fm-c-display-d6f10 { display:flex; gap:12px; flex-wrap:wrap; margin-top:3px; }
.fm-c-display-d7d3c { display:grid; grid-template-columns:1fr 1fr; min-height:440px; }
.fm-c-display-d9f40 { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.6); z-index:9000; align-items:center; justify-content:center; padding:24px; backdrop-filter:blur(3px); }
.fm-c-display-dd339 { display:flex;align-items:center;gap:4px; }
.fm-c-display-ddec9 { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:32px; }
.fm-c-display-dfdbe { display:inline-block; padding:3px 12px; background:rgba(34,197,94,0.1); color:#16a34a; border-radius:20px; font-size:12px; font-weight:500; margin-bottom:12px; }
.fm-c-display-e2709 { display:inline-flex; align-items:center; gap:8px; color:#22c55e; text-decoration:none; font-size:14px; font-weight:500; margin-bottom:32px; }
.fm-c-display-e545c { display:flex; flex-direction:column; gap:10px; }
.fm-c-display-e5a8f { display:flex; gap:4px; margin-bottom:4px; }
.fm-c-display-e626a { display:inline-block; background:#dcfce7; color:#16a34a; font-size:11px; font-weight:700; padding:3px 12px; border-radius:20px; text-transform:uppercase; letter-spacing:0.06em; margin-bottom:8px; }
.fm-c-display-e6c31 { display:flex; gap:8px; padding-bottom:12px; }
.fm-c-display-e93d9 { display:flex;align-items:center;gap:8px;text-decoration:none; }
.fm-c-display-ea6b8 { display:flex; gap:4px; margin-bottom:14px; }
.fm-c-display-ea82a { display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:#22c55e;color:#fff;border-radius:12px;font-weight:600;text-decoration:none;font-size:14px;box-shadow:0 4px 14px rgba(34,197,94,0.35); }
.fm-c-display-ece44 { display:none; position:absolute; width:130px; height:130px; border:2px solid #22c55e; border-radius:8px; background:rgba(34,197,94,0.06); pointer-events:none; box-shadow:0 0 0 1px rgba(34,197,94,0.25); }
.fm-c-display-efe03 { display:flex; align-items:center; gap:8px; color:#fff; }
.fm-c-display-f0577 { display:flex;gap:28px;align-items:flex-start; }
.fm-c-display-f063e { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:20px; margin-bottom:32px; }
.fm-c-display-f0ce7 { display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border:1.5px solid;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s;font-family:inherit;white-space:nowrap; }
.fm-c-display-f1b56 { display:inline-flex; align-items:center; gap:6px; background:#22c55e; color:#fff; padding:9px 18px; border-radius:10px; font-size:13px; font-weight:700; }
.fm-c-display-f2622 { display:flex; gap:32px; margin-top:40px; flex-wrap:wrap; }
.fm-c-display-f73dd { display:flex; align-items:center; gap:24px; font-size:13px; color:#9ca3af; margin-bottom:24px; }
.fm-c-display-f7b1d { display:flex; align-items:center; justify-content:space-between; padding-bottom:32px; border-bottom:1px solid #f3f4f6; margin-bottom:32px; flex-wrap:wrap; gap:12px; }
.fm-c-display-f9887 { display:inline-block; background:rgba(255,255,255,0.12); color:#a5b4fc; font-size:12px; font-weight:700; padding:4px 16px; border-radius:20px; text-transform:uppercase; letter-spacing:0.07em; margin-bottom:12px; }
.fm-c-display-fe22e { display:grid; grid-template-columns:repeat(auto-fill, minmax(270px, 1fr)); gap:24px; }
.fm-c-display-fe8b8 { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:32px; }
.fm-c-display-fe94b { display:flex; gap:10px; align-items:center; }
.fm-c-display-ff48f { display:flex; align-items:center; gap:8px; padding:8px 16px; border:1px solid #e5e7eb; border-radius:8px; background:#fff; cursor:pointer; font-size:14px; color:#374151; font-family:inherit; transition:background 0.15s; }
.fm-c-flex-064a1 { flex:1;text-align:center;padding:8px;background:#eff6ff;color:#2563eb;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none; }
.fm-c-flex-46458 { flex:1;text-align:center;padding:8px;background:#fef2f2;color:#dc2626;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none; }
.fm-c-flex-50734 { flex:1; min-width:240px; }
.fm-c-flex-59ffb { flex:1;margin-right:12px;font-size:12px;color:#9ca3af; }
.fm-c-flex-939b0 { flex:1; position:relative; }
.fm-c-flex-9416c { flex:1;padding:9px 12px;border:none;outline:none;font-size:14px;font-family:inherit; }
.fm-c-flex-a8813 { flex:0 0 180px; background:#fff; border-radius:16px; border:1.5px solid #e5e7eb; padding:24px 16px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; text-decoration:none; scroll-snap-align:start; transition:box-shadow 0.25s, border-color 0.25s, transform 0.25s; }
.fm-c-flex-b20a4 { flex:1; padding:12px 16px; border:1.5px solid #e5e7eb; border-radius:12px; font-size:14px; outline:none; font-family:inherit; color:#111827; transition:border-color 0.2s; }
.fm-c-flex-b9c2f { flex:1; min-width:130px; }
.fm-c-flex-ddf82 { flex:1; min-width:280px; max-width:480px; }
.fm-c-flex-ded57 { flex:1; min-width:260px; display:flex; align-items:flex-start; gap:12px; }
.fm-c-flex-e2cc3 { flex:1; min-width:0; }
.fm-c-flex-fa460 { flex:1;margin-right:12px; }
.fm-c-fontsize-0355a { font-size:22px;font-weight:800;color:#22c55e; }
.fm-c-fontsize-0390a { font-size:12px; font-weight:600; color:#22c55e; background:#f0fdf4; padding:4px 12px; border-radius:20px; }
.fm-c-fontsize-06b9b { font-size:28px; font-weight:800; color:#22c55e; }
.fm-c-fontsize-08f86 { font-size:2rem;font-weight:900;color:#111827;margin-bottom:4px; }
.fm-c-fontsize-0b253 { font-size:30px; color:#86efac; }
.fm-c-fontsize-0c632 { font-size:12px;font-weight:600;color:#22c55e;margin-bottom:5px; }
.fm-c-fontsize-0d16d { font-size:12px;color:#6b7280;margin-left:4px; }
.fm-c-fontsize-0f781 { font-size:13px;color:#ef4444; }
.fm-c-fontsize-0f9f1 { font-size:12px; color:#9ca3af; margin-top:1px; }
.fm-c-fontsize-121fe { font-size:13px;font-weight:600;color:#22c55e;flex-shrink:0; }
.fm-c-fontsize-13037 { font-size:9px;color:#16a34a; }
.fm-c-fontsize-13a00 { font-size:48px; color:#d1d5db; margin-bottom:16px; display:block; }
.fm-c-fontsize-15fd1 { font-size:28px;margin-bottom:8px;display:block;opacity:0.3; }
.fm-c-fontsize-173d9 { font-size:3rem; font-weight:700; color:#111827; margin-bottom:16px; line-height:1.1; }
.fm-c-fontsize-17d18 { font-size:1.75rem; font-weight:900; color:#fff; margin-bottom:4px; }
.fm-c-fontsize-1870d { font-size:11px; background:#fee2e2; color:#ef4444; padding:1px 6px; border-radius:8px; margin-left:4px; }
.fm-c-fontsize-19802 { font-size:14px; font-weight:600; color:#15803d; }
.fm-c-fontsize-1a139 { font-size:11px; font-weight:700; color:#9ca3af; text-transform:uppercase; letter-spacing:0.06em; margin-bottom:8px; }
.fm-c-fontsize-1cfc8 { font-size:11px;color:#6b7280;margin-bottom:4px; }
.fm-c-fontsize-1d8fe { font-size:36px; color:#ef4444; margin-bottom:12px; display:block; }
.fm-c-fontsize-1dfad { font-size:16px;font-weight:600;color:#111827;margin-bottom:8px;line-height:1.4;hover:color:#22c55e; }
.fm-c-fontsize-1e544 { font-size:13px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.fm-c-fontsize-1e71b { font-size:12px; font-weight:600; color:#374151; }
.fm-c-fontsize-1ea63 { font-size:13px; color:#6b7280; }
.fm-c-fontsize-1fc90 { font-size:40px; margin-bottom:12px; display:block; }
.fm-c-fontsize-203df { font-size:1.875rem; font-weight:800; color:#111827; line-height:1.2; margin-bottom:4px; }
.fm-c-fontsize-219eb { font-size:48px;color:#fca5a5;margin-bottom:16px;display:block; }
.fm-c-fontsize-23732 { font-size:40px; display:block; margin-bottom:12px; }
.fm-c-fontsize-24775 { font-size:12px; color:#fff; }
.fm-c-fontsize-25796 { font-size:15px; font-weight:800; color:#111827; margin:0; }
.fm-c-fontsize-258e6 { font-size:14px; color:rgba(255,255,255,0.6); }
.fm-c-fontsize-260a5 { font-size:36px; color:#86efac; margin-bottom:16px; display:block; }
.fm-c-fontsize-264f5 { font-size:13px; font-weight:700; color:#111827; text-align:center; line-height:1.3; }
.fm-c-fontsize-2927b { font-size:9px;color:#d1d5db;margin-left:auto;flex-shrink:0; }
.fm-c-fontsize-2af93 { font-size:12px; font-weight:700; color:#92400e; }
.fm-c-fontsize-2b008 { font-size:clamp(2rem,4.5vw,3rem); font-weight:900; color:#fff; line-height:1.12; margin-bottom:14px; letter-spacing:-0.5px; }
.fm-c-fontsize-2b48d { font-size:11px; font-weight:700; color:#16a34a; text-transform:uppercase; letter-spacing:0.06em; margin-bottom:3px; }
.fm-c-fontsize-2dc93 { font-size:13px; color:#9ca3af; text-decoration:line-through; white-space:nowrap; }
.fm-c-fontsize-2e595 { font-size:15px; color:rgba(255,255,255,0.75); line-height:1.6; max-width:420px; }
.fm-c-fontsize-3808e { font-size:1.3rem; font-weight:800; color:#111827; line-height:1.4; margin:0; }
.fm-c-fontsize-398d2 { font-size:1.875rem; font-weight:700; color:#111827; margin-bottom:16px; line-height:1.3; transition:color 0.2s; }
.fm-c-fontsize-40c92 { font-size:28px; color:#d1d5db; }
.fm-c-fontsize-41608 { font-size:11px; color:rgba(255,255,255,0.8); margin-top:2px; }
.fm-c-fontsize-43bcc { font-size:11px; margin-left:4px; }
.fm-c-fontsize-45279 { font-size:10px;color:#9ca3af; }
.fm-c-fontsize-4804e { font-size:20px; font-weight:900; color:#111827; font-family:monospace; letter-spacing:1px; }
.fm-c-fontsize-4890d { font-size:12px;color:#9ca3af;margin-left:3px; }
.fm-c-fontsize-4a06e { font-size:1.875rem; font-weight:700; color:#111827; margin-bottom:24px; }
.fm-c-fontsize-4cd97 { font-size:48px; color:rgba(255,255,255,0.5); }
.fm-c-fontsize-4d7a2 { font-size:12px; font-weight:600; color:#e0e7ff; max-width:100px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.fm-c-fontsize-4f797 { font-size:13px; font-weight:600; }
.fm-c-fontsize-505be { font-size:9px;color:#9ca3af; }
.fm-c-fontsize-507db { font-size:15px;color:#374151; }
.fm-c-fontsize-51fab { font-size:48px; margin-bottom:16px; }
.fm-c-fontsize-53094 { font-size:clamp(2rem,5vw,3rem); font-weight:900; line-height:1.15; margin-bottom:16px; }
.fm-c-fontsize-54d34 { font-size:11px; color:#ef4444; font-weight:600; margin-bottom:6px; }
.fm-c-fontsize-5821b { font-size:12px; color:#ef4444; background:none; border:none; cursor:pointer; padding:0; font-weight:600; }
.fm-c-fontsize-5b0c3 { font-size:14px; font-weight:500; color:#111827; margin-bottom:8px; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.fm-c-fontsize-5c4eb { font-size:2rem; font-weight:900; color:#111827; margin-bottom:4px; }
.fm-c-fontsize-5e552 { font-size:1.1rem; color:#6b7280; max-width:640px; margin:0 auto; line-height:1.6; }
.fm-c-fontsize-62fc6 { font-size:13px; color:#9ca3af; line-height:1.6; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:14px; }
.fm-c-fontsize-65ee8 { font-size:2.5rem; font-weight:700; color:#111827; margin-bottom:24px; line-height:1.2; }
.fm-c-fontsize-679ba { font-size:1.75rem; font-weight:900; color:#fff; line-height:1.2; margin-bottom:8px; }
.fm-c-fontsize-69ce4 { font-size:9px; color:#ef4444; }
.fm-c-fontsize-6b4e9 { font-size:1.2rem; font-weight:700; color:#111827; margin-bottom:8px; }
.fm-c-fontsize-6bc24 { font-size:11px; font-weight:700; color:#fcd34d; text-transform:uppercase; letter-spacing:0.08em; margin-bottom:8px; }
.fm-c-fontsize-6cb70 { font-size:14px; color:rgba(255,255,255,0.78); line-height:1.6; }
.fm-c-fontsize-6d8d6 { font-size:9px; }
.fm-c-fontsize-6ef88 { font-size:2rem; font-weight:900; color:#fff; margin-bottom:12px; }
.fm-c-fontsize-6f308 { font-size:3rem;font-weight:900;margin-bottom:10px; }
.fm-c-fontsize-6fe9f { font-size:12px; font-weight:700; color:#15803d; text-transform:uppercase; letter-spacing:0.06em; margin-bottom:14px; }
.fm-c-fontsize-703ba { font-size:32px; color:#d1d5db; }
.fm-c-fontsize-734fe { font-size:16px; line-height:1.8; color:#374151; }
.fm-c-fontsize-73837 { font-size:15px; color:#9ca3af; text-decoration:line-through; }
.fm-c-fontsize-7ac32 { font-size:16px;color:#22c55e; }
.fm-c-fontsize-7ba71 { font-size:1.5rem; font-weight:700; color:#111827; margin-bottom:24px; }
.fm-c-fontsize-7f5ab { font-size:1.4rem; font-weight:800; margin-bottom:8px; }
.fm-c-fontsize-85003 { font-size:12px;color:#22c55e;font-weight:500;text-decoration:none; }
.fm-c-fontsize-87820 { font-size:56px; color:#c7d2fe; margin-bottom:20px; display:block; }
.fm-c-fontsize-878a9 { font-size:20px; font-weight:700; color:#111827; margin-bottom:8px; }
.fm-c-fontsize-87b38 { font-size:clamp(1.4rem,3vw,1.9rem); font-weight:800; color:#fff; line-height:1.25; margin-bottom:10px; }
.fm-c-fontsize-887a4 { font-size:15px; opacity:0.85; max-width:440px; margin:0 auto; }
.fm-c-fontsize-8a09d { font-size:20px; font-weight:800; color:#22c55e; margin-bottom:6px; }
.fm-c-fontsize-8aaab { font-size:13px; font-weight:700; color:#22c55e; text-decoration:none; white-space:nowrap; border:1.5px solid #22c55e; padding:7px 18px; border-radius:20px; transition:background 0.2s, color 0.2s; }
.fm-c-fontsize-8bce7 { font-size:13px; color:#86efac; font-weight:600; margin-bottom:8px; text-transform:uppercase; letter-spacing:0.07em; }
.fm-c-fontsize-8c491 { font-size:1.05rem;opacity:0.88;max-width:420px;line-height:1.6; }
.fm-c-fontsize-921eb { font-size:16px; color:rgba(255,255,255,0.8); margin-bottom:32px; }
.fm-c-fontsize-988b8 { font-size:20px; font-weight:700; color:#22c55e; white-space:nowrap; }
.fm-c-fontsize-98d58 { font-size:12px; color:#9ca3af; text-decoration:line-through; margin-left:5px; }
.fm-c-fontsize-99bc3 { font-size:48px; color:#c7d2fe; margin-bottom:16px; display:block; }
.fm-c-fontsize-9ac1e { font-size:14px; color:#6b7280; margin-bottom:16px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.5; }
.fm-c-fontsize-9e91d { font-size:2rem; font-weight:800; color:#111827; margin-bottom:16px; line-height:1.25; }
.fm-c-fontsize-9f8c4 { font-size:13px; font-weight:600; color:#111827; }
.fm-c-fontsize-a299e { font-size:13px;font-weight:600;color:#22c55e;text-decoration:none;display:flex;align-items:center;gap:6px; }
.fm-c-fontsize-a3ef9 { font-size:40px; color:#86efac; }
.fm-c-fontsize-a44d3 { font-size:15px; opacity:0.85; max-width:560px; line-height:1.6; }
.fm-c-fontsize-a5afd { font-size:clamp(1.8rem,4vw,2.6rem); font-weight:900; margin-bottom:10px; }
.fm-c-fontsize-a6bae { font-size:14px; font-weight:700; color:#111827; margin-bottom:6px; line-height:1.4; }
.fm-c-fontsize-a76cd { font-size:18px;color:#374151; }
.fm-c-fontsize-a8032 { font-size:14px; opacity:0.8; }
.fm-c-fontsize-a8c97 { font-size:12px; font-weight:700; color:#22c55e; }
.fm-c-fontsize-aa092 { font-size:2rem;font-weight:900;color:#111827;margin-bottom:6px; }
.fm-c-fontsize-ab3e3 { font-size:13px; color:#22c55e; font-weight:600; }
.fm-c-fontsize-af0e3 { font-size:10px; margin-right:4px; }
.fm-c-fontsize-afc25 { font-size:11px; font-weight:700; color:#22c55e; text-transform:uppercase; letter-spacing:0.07em; }
.fm-c-fontsize-afe99 { font-size:clamp(2rem,5vw,3.2rem);font-weight:900;line-height:1.1;margin-bottom:12px;letter-spacing:-1px; }
.fm-c-fontsize-b2079 { font-size:13px; font-weight:700; color:#111827; }
.fm-c-fontsize-b7c7a { font-size:16px; color:rgba(255,255,255,0.82); line-height:1.75; margin-bottom:32px; max-width:460px; }
.fm-c-fontsize-b8615 { font-size:48px;color:#d1d5db;margin-bottom:16px;display:block; }
.fm-c-fontsize-b9a9c { font-size:13px; color:#1e40af; margin-bottom:18px; }
.fm-c-fontsize-bb620 { font-size:1.875rem; font-weight:700; color:#111827; margin-bottom:8px; }
.fm-c-fontsize-be551 { font-size:12px;opacity:0.65;margin-top:10px; }
.fm-c-fontsize-be791 { font-size:18px;color:#22c55e; }
.fm-c-fontsize-be947 { font-size:3rem; font-weight:900; color:#111827; line-height:1; }
.fm-c-fontsize-c213d { font-size:11px; font-weight:700; color:#86efac; text-transform:uppercase; letter-spacing:0.08em; margin-bottom:8px; }
.fm-c-fontsize-c5e7c { font-size:6rem; }
.fm-c-fontsize-c79a8 { font-size:13px; font-weight:500; color:#111827; }
.fm-c-fontsize-c7a48 { font-size:14px; color:#374151; line-height:1.7; margin-bottom:20px; }
.fm-c-fontsize-c9e19 { font-size:11px; font-weight:700; color:#fca5a5; text-transform:uppercase; letter-spacing:0.08em; margin-bottom:8px; }
.fm-c-fontsize-cbd46 { font-size:13px;color:#9ca3af;margin-bottom:10px;line-height:1.5; }
.fm-c-fontsize-cc3e0 { font-size:12px; color:rgba(255,255,255,0.5); margin-top:10px; padding-left:4px; }
.fm-c-fontsize-ce374 { font-size:14px;font-weight:600;opacity:0.85;margin-bottom:12px;text-transform:uppercase;letter-spacing:0.08em; }
.fm-c-fontsize-cea62 { font-size:13px; color:#6b7280; margin-top:2px; }
.fm-c-fontsize-cf8b0 { font-size:1.2rem; opacity:0.9; max-width:640px; margin:0 auto; line-height:1.5; }
.fm-c-fontsize-d0407 { font-size:11px; color:#9ca3af; background:#f3f4f6; padding:1px 7px; border-radius:20px; flex-shrink:0; }
.fm-c-fontsize-d074c { font-size:15px; color:#6b7280; line-height:1.8; margin-bottom:28px; }
.fm-c-fontsize-d08c6 { font-size:11px; color:#64748b; }
.fm-c-fontsize-d29bb { font-size:1.4rem; font-weight:700; color:#111827; margin-bottom:8px; }
.fm-c-fontsize-d2bd6 { font-size:1.1rem; font-weight:800; color:#22c55e; text-transform:uppercase; letter-spacing:0.07em; margin-bottom:8px; }
.fm-c-fontsize-d7641 { font-size:1.5rem; font-weight:800; color:#92400e; line-height:1.2; margin-bottom:8px; }
.fm-c-fontsize-d774e { font-size:12px; color:#9ca3af; margin:0 0 14px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.5; }
.fm-c-fontsize-d7802 { font-size:12px; font-weight:600; color:#22c55e; margin-bottom:4px; }
.fm-c-fontsize-d8bf4 { font-size:12px; color:#9ca3af; text-decoration:line-through; margin-left:4px; }
.fm-c-fontsize-d9080 { font-size:13px; color:#9ca3af; line-height:1.6; margin-bottom:14px; }
.fm-c-fontsize-da1cd { font-size:14px; color:#86efac; text-decoration:none; }
.fm-c-fontsize-dadd0 { font-size:13px; color:#374151; flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.fm-c-fontsize-db1d5 { font-size:12px;color:#22c55e;text-decoration:none; }
.fm-c-fontsize-dd1e9 { font-size:14px; color:#86efac; }
.fm-c-fontsize-de90a { font-size:1.5rem; font-weight:800; color:#1e3a8a; line-height:1.2; margin-bottom:8px; }
.fm-c-fontsize-e15c5 { font-size:13px; color:#ef4444; margin-top:2px; }
.fm-c-fontsize-e2a3a { font-size:10px;margin-left:4px; }
.fm-c-fontsize-e47e8 { font-size:13px; vertical-align:middle; margin-right:5px; }
.fm-c-fontsize-e5cdb { font-size:14px; color:rgba(255,255,255,0.7); }
.fm-c-fontsize-e5d5b { font-size:16px; font-weight:700; color:#111827; margin-bottom:12px; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:color 0.2s; }
.fm-c-fontsize-e6b90 { font-size:13px;font-weight:600;color:#111827; }
.fm-c-fontsize-eae41 { font-size:16px; opacity:0.85; line-height:1.75; margin-bottom:40px; }
.fm-c-fontsize-eb26c { font-size:17px; font-weight:800; color:#22c55e; }
.fm-c-fontsize-eb2ba { font-size:14px; color:#6b7280; line-height:1.7; }
.fm-c-fontsize-f0bcc { font-size:14px;color:#9ca3af;text-decoration:line-through; }
.fm-c-fontsize-f3e95 { font-size:1.1rem;opacity:0.9; }
.fm-c-fontsize-f5f7c { font-size:15px; color:#6b7280; margin-top:8px; }
.fm-c-fontsize-f6326 { font-size:14px; color:#6b7280; line-height:1.7; margin:0; }
.fm-c-fontsize-f684f { font-size:11px; color:#16a34a; font-weight:600; margin-top:3px; }
.fm-c-fontsize-f7a5b { font-size:15px; color:#6b7280; line-height:1.8; margin-bottom:16px; }
.fm-c-fontsize-f8122 { font-size:13px; color:#78350f; margin-bottom:18px; }
.fm-c-fontsize-f91e6 { font-size:1.4rem; font-weight:800; color:#111827; margin-bottom:8px; }
.fm-c-fontsize-fa6a0 { font-size:3rem; font-weight:700; margin-bottom:16px; line-height:1.1; }
.fm-c-fontweight-0329b { font-weight:800; font-size:17px; color:#111827; margin-bottom:10px; }
.fm-c-fontweight-1c957 { font-weight:800; color:#b45309; }
.fm-c-fontweight-255e4 { font-weight:600; color:#111827; font-family:monospace; }
.fm-c-fontweight-2b6f8 { font-weight:700; color:#111827; font-size:15px; line-height:1.4; transition:color 0.2s; }
.fm-c-fontweight-2bfb1 { font-weight:700; font-size:15px; color:#111827; }
.fm-c-fontweight-2f9c2 { font-weight:800;font-size:16px;color:#111827;display:flex;align-items:center;gap:8px; }
.fm-c-fontweight-37d23 { font-weight:700;color:#111827;font-size:14px; }
.fm-c-fontweight-38ee7 { font-weight:500;color:#111827; }
.fm-c-fontweight-3e694 { font-weight:700; font-size:16px; color:#111827; margin-bottom:8px; }
.fm-c-fontweight-42b2f { font-weight:700;color:#111827; }
.fm-c-fontweight-476bc { font-weight:700; font-size:15px; color:#111827; line-height:1.45; margin-bottom:8px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.fm-c-fontweight-793c8 { font-weight:700; font-size:16px; color:#111827; margin-bottom:4px; }
.fm-c-fontweight-85947 { font-weight:500; color:#374151; }
.fm-c-fontweight-8c119 { font-weight:700; font-size:15px; color:#111827; line-height:1.45; margin-bottom:8px; }
.fm-c-fontweight-8fe74 { font-weight:700;font-size:14px;color:#111827; }
.fm-c-fontweight-a4a6d { font-weight:800; color:#111827; font-size:15px; margin:0 0 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.fm-c-fontweight-ab552 { font-weight:800;font-size:1.1rem;color:#111827; }
.fm-c-fontweight-b876a { font-weight:600;font-size:14px;color:#111827; }
.fm-c-fontweight-bd865 { font-weight:700;font-size:14px;color:#111827;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between; }
.fm-c-fontweight-c67c0 { font-weight:600;color:#22c55e; }
.fm-c-fontweight-cc04c { font-weight:700;color:#111827;font-size:15px; }
.fm-c-fontweight-d36d7 { font-weight:700;font-size:18px;color:#111827; }
.fm-c-fontweight-d54f0 { font-weight:700; color:#22c55e; font-size:16px; }
.fm-c-fontweight-d9a95 { font-weight:800; font-size:15px; color:#fff; line-height:1.3; }
.fm-c-fontweight-f31c4 { font-weight:600; color:#374151; }
.fm-c-fontweight-ff833 { font-weight:800; color:#991b1b; font-size:15px; }
.fm-c-gridcolumn-2f5b4 { grid-column:1/-1; background:#fff; border-radius:16px; padding:64px 20px; text-align:center; box-shadow:0 1px 4px rgba(0,0,0,0.06); }
.fm-c-gridcolumn-af090 { grid-column:span 2; }
.fm-c-gridcolumn-ed7ca { grid-column:1/-1; text-align:center; padding:48px 20px; color:#9ca3af; }
.fm-c-height-090ee { height:5px;background:#f3f4f6;border-radius:10px;overflow:hidden; }
.fm-c-height-3456f { height:320px; background:linear-gradient(to right,#22c55e,#16a34a); }
.fm-c-height-57f62 { height:40px; padding:0 24px; background:#22c55e; color:#fff; border:none; border-radius:10px; font-size:13px; font-weight:700; cursor:pointer; transition:background 0.15s; white-space:nowrap; }
.fm-c-height-5cf8e { height:44px; display:flex; align-items:center; justify-content:center; gap:7px; border:1.5px solid #e5e7eb; border-radius:12px; font-size:13px; font-weight:600; color:#374151; text-decoration:none; transition:all 0.15s; }
.fm-c-height-9e6ed { height:150px; background:linear-gradient(135deg,#22c55e,#16a34a); border-radius:16px 16px 0 0; overflow:hidden; position:relative; }
.fm-c-height-a821a { height:180px; overflow:hidden; }
.fm-c-height-c7de1 { height:40px; padding:0 20px; background:#fff; color:#374151; border:1.5px solid #e5e7eb; border-radius:10px; font-size:13px; font-weight:600; cursor:pointer; transition:all 0.15s; white-space:nowrap; }
.fm-c-height-f85a4 { height:384px; background:#f3f4f6; display:flex; align-items:center; justify-content:center; }
.fm-c-margin-0ab56 { margin:0; font-size:13px; color:#6b7280; line-height:1.5; }
.fm-c-margin-52817 { margin:0 0 3px; font-size:14px; font-weight:700; color:#111827; }
.fm-c-marginbottom-008aa { margin-bottom:48px; }
.fm-c-marginbottom-157a9 { margin-bottom:14px; }
.fm-c-marginbottom-53463 { margin-bottom:12px; }
.fm-c-marginleft-44548 { margin-left:auto;font-size:11px;color:#9ca3af;background:#f3f4f6;padding:1px 7px;border-radius:20px; }
.fm-c-marginleft-68562 { margin-left:6px; background:#fde68a; color:#92400e; padding:1px 7px; border-radius:10px; font-size:11px; }
.fm-c-marginleft-9b894 { margin-left:auto;font-size:11px;color:#9ca3af;background:#f3f4f6;padding:1px 6px;border-radius:20px; }
.fm-c-marginleft-b4750 { margin-left:4px; }
.fm-c-marginright-3c05a { margin-right:5px; }
.fm-c-margintop-541ad { margin-top:32px; padding-top:32px; border-top:1px solid #f3f4f6; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.fm-c-margintop-6b6a8 { margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6; }
.fm-c-margintop-c43a0 { margin-top:40px; }
.fm-c-margintop-c694f { margin-top:-96px; }
.fm-c-margintop-daccc { margin-top:-30px; margin-bottom:12px; position:relative; z-index:2; }
.fm-c-margintop-dcfc6 { margin-top:22px; border-top:1px solid #bbf7d0; padding-top:18px; }
.fm-c-margintop-ef948 { margin-top:14px;padding-top:14px;border-top:1px solid #f3f4f6;display:flex;gap:8px; }
.fm-c-margintop-f0840 { margin-top:48px; background:#fff; border-radius:16px; overflow:hidden; }
.fm-c-margintop-f29b5 { margin-top:28px; }
.fm-c-maxwidth-0a388 { max-width:1200px; margin:0 auto; display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.fm-c-maxwidth-3190c { max-width:1440px; margin:0 auto; padding:20px 20px; }
.fm-c-maxwidth-31cdd { max-width:896px; margin:0 auto; }
.fm-c-maxwidth-34204 { max-width:1440px; margin:0 auto; padding:0 20px; }
.fm-c-maxwidth-40321 { max-width:620px; }
.fm-c-maxwidth-40ba9 { max-width:1300px; margin:0 auto; padding:0 20px; }
.fm-c-maxwidth-5a245 { max-width:640px; margin:0 auto; text-align:center; }
.fm-c-maxwidth-5ea62 { max-width:1440px; margin:0 auto; padding:48px 16px; }
.fm-c-maxwidth-68e62 { max-width:1440px; margin:0 auto; padding:0 16px; }
.fm-c-maxwidth-a3d74 { max-width:1240px; margin:0 auto; display:flex; align-items:center; gap:32px; flex-wrap:wrap; }
.fm-c-maxwidth-bed87 { max-width:820px; margin:0 auto; padding:0 20px; }
.fm-c-maxwidth-e7fa4 { max-width:560px; }
.fm-c-minheight-f84e3 { min-height:100vh; }
.fm-c-minwidth-6cf38 { min-width:40px; text-align:center; font-weight:700; font-size:15px; color:#111827; line-height:48px; display:inline-block; background:#fff; }
.fm-c-minwidth-c860c { min-width:140px; }
.fm-c-opacity-62662 { opacity:0.2; }
.fm-c-opacity-eef41 { opacity:0.8; margin-bottom:24px; font-size:15px; }
.fm-c-overflow-1d347 { overflow:hidden; min-height:360px; }
.fm-c-overflow-527f5 { overflow:hidden; height:224px; }
.fm-c-overflow-542d2 { overflow:hidden; height:192px; }
.fm-c-overflow-f901c { overflow:hidden;padding:0; }
.fm-c-padding-07eae { padding:0 20px 20px; position:relative; }
.fm-c-padding-0eb79 { padding:4px 0; }
.fm-c-padding-1611f { padding:12px 22px; background:#22c55e; color:#fff; border:none; border-radius:12px; font-size:14px; font-weight:700; cursor:pointer; white-space:nowrap; font-family:inherit; transition:background 0.2s; box-shadow:0 4px 14px rgba(34,197,94,0.35); }
.fm-c-padding-1fab3 { padding:28px 36px 32px; }
.fm-c-padding-25056 { padding:8px 14px; background:#fef3c7; border-bottom:1px solid #fde68a; display:flex; align-items:center; gap:6px; }
.fm-c-padding-3a11f { padding:32px 48px 48px; }
.fm-c-padding-419f8 { padding:8px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;color:#111827;cursor:pointer;outline:none;font-family:inherit; }
.fm-c-padding-498a8 { padding:9px 14px; background:rgba(255,255,255,0.1); color:#cbd5e1; border:none; border-radius:10px; font-size:12px; font-weight:600; cursor:pointer; transition:background 0.15s; }
.fm-c-padding-5db01 { padding:28px; display:flex; flex-direction:column; gap:14px; overflow-y:auto; max-height:80vh; }
.fm-c-padding-62c3e { padding:12px 16px;border-bottom:1px solid #f3f4f6; }
.fm-c-padding-6c355 { padding:80px 20px; text-align:center; }
.fm-c-padding-7683d { padding:0 14px;background:#22c55e;border:none;cursor:pointer;color:#fff; }
.fm-c-padding-7c0f7 { padding:20px 18px; background:#f9fafb; display:flex; align-items:center; }
.fm-c-padding-7d621 { padding:32px; display:flex; flex-direction:column; justify-content:center; }
.fm-c-padding-82e89 { padding:64px 0; background:#f9fafb; }
.fm-c-padding-85077 { padding:40px 20px; text-align:center; }
.fm-c-padding-abaf1 { padding:4px 14px; background:rgba(34,197,94,0.1); color:#16a34a; border-radius:20px; font-size:13px; font-weight:500; }
.fm-c-padding-b2fca { padding:24px; }
.fm-c-padding-c19ce { padding:9px 14px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:13px;background:#f9fafb;color:#111827;cursor:pointer;outline:none;font-family:inherit;font-weight:500; }
.fm-c-padding-c6032 { padding:4px 14px; background:#f3f4f6; border-radius:20px; font-size:13px; color:#374151; }
.fm-c-padding-cab48 { padding:28px; background:#f9fafb; display:flex; flex-direction:column; gap:12px; }
.fm-c-padding-cf8fc { padding:20px 18px; text-align:center; border-left:1px solid #f3f4f6; position:relative; }
.fm-c-padding-ecc84 { padding:5px 12px; border:1.5px solid; border-radius:8px; font-size:12px; font-weight:600; cursor:pointer; transition:all 0.15s; }
.fm-c-padding-ef25a { padding:9px; background:#f3f4f6; color:#9ca3af; border-radius:10px; font-size:13px; font-weight:600; text-align:center; }
.fm-c-padding-f0432 { padding:20px 24px;flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0; }
.fm-c-padding-f0bea { padding:10px 12px 8px;border-bottom:1px solid #f3f4f6;margin-bottom:6px; }
.fm-c-padding-f56e0 { padding:16px 24px; background:#22c55e; color:#fff; font-size:14px; font-weight:700; border:none; cursor:pointer; white-space:nowrap; font-family:inherit; transition:background 0.2s; flex-shrink:0; }
.fm-c-padding-f795c { padding:9px 18px;background:#f3f4f6;color:#9ca3af;border:none;border-radius:10px;font-size:13px;cursor:not-allowed; }
.fm-c-paddingtop-50325 { padding-top:0; padding-bottom:0; }
.fm-c-position-130d5 { position:absolute; top:20px; right:20px; font-size:28px; color:#f3f4f6; }
.fm-c-position-13336 { position:relative; height:140px; overflow:hidden; background:#f0fdf4; }
.fm-c-position-19c7e { position:absolute; bottom:-80px; right:6%;  width:380px; height:380px; background:rgba(34,197,94,0.07); border-radius:50%; pointer-events:none; }
.fm-c-position-1ce47 { position:absolute; left:8px; top:6px; bottom:6px; width:2px; background:#bbf7d0; border-radius:2px; }
.fm-c-position-1eb22 { position:absolute;bottom:-80px;left:10%;width:400px;height:400px;background:rgba(255,255,255,0.04);border-radius:50%;pointer-events:none; }
.fm-c-position-25821 { position:absolute;top:10px;left:10px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px; }
.fm-c-position-26d12 { position:absolute; inset:0; background:linear-gradient(90deg, rgba(5,46,22,0.92) 0%, rgba(20,83,45,0.78) 50%, rgba(0,0,0,0.2) 100%); }
.fm-c-position-2b799 { position:relative;z-index:1; }
.fm-c-position-364a5 { position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:rgba(255,255,255,0.05);border-radius:50%; }
.fm-c-position-3911f { position:absolute; inset:0; background:rgba(0,0,0,0.5); display:flex; align-items:center; justify-content:center; }
.fm-c-position-3a5f1 { position:absolute; top:20px; left:5%; right:5%; height:3px; background:#f3f4f6; z-index:0; border-radius:2px; }
.fm-c-position-3b78e { position:absolute; top:16px; right:16px; width:40px; height:40px; background:rgba(0,0,0,0.28); border:none; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; z-index:20; transition:background 0.15s; }
.fm-c-position-41dae { position:absolute; top:14px; right:14px; z-index:10; width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,0.9); border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 8px rgba(0,0,0,0.15); }
.fm-c-position-45bbb { position:relative; z-index:2; text-align:center; flex:1; }
.fm-c-position-4867d { position:absolute; inset:0; background:rgba(0,0,0,0.15); }
.fm-c-position-4ac02 { position:relative;width:34px;height:34px;background:#22c55e;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.fm-c-position-4f9bf { position:absolute;top:-60px;right:-60px;width:300px;height:300px;background:rgba(255,255,255,0.05);border-radius:50%;pointer-events:none; }
.fm-c-position-561f4 { position:absolute;inset:0;background:rgba(0,0,0,0.45);display:flex;align-items:center;justify-content:center; }
.fm-c-position-57369 { position:absolute;top:-80px;right:-80px;width:320px;height:320px;background:rgba(255,255,255,0.04);border-radius:50%;pointer-events:none; }
.fm-c-position-5ec8a { position:fixed; bottom:0; left:0; right:0; z-index:990; background:#1e1b4b; border-top:3px solid #6366f1; box-shadow:0 -4px 24px rgba(0,0,0,0.2); padding:12px 20px; display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.fm-c-position-62703 { position:absolute; top:calc(100% + 8px); right:0; background:#fff; border-radius:12px; box-shadow:0 8px 32px rgba(0,0,0,0.15); min-width:160px; overflow:hidden; z-index:999; }
.fm-c-position-641a8 { position:absolute; bottom:10px; left:50%; transform:translateX(-50%) translateY(8px); opacity:0; white-space:nowrap; display:flex; align-items:center; gap:7px; padding:8px 18px; background:rgba(17,24,39,0.85); color:#fff; border:none; border-radius:30px; font-size:13px; font-weight:600; cursor:pointer; transition:opacity 0.2s, transform 0.2s; backdrop-filter:blur(4px); z-index:10; }
.fm-c-position-69837 { position:absolute; inset:0; background:linear-gradient(to top, rgba(5,46,22,0.55), transparent); }
.fm-c-position-77731 { position:relative; max-width:1440px; margin:0 auto; padding:72px 48px; }
.fm-c-position-7866e { position:absolute;top:12px;right:12px; }
.fm-c-position-7c4c3 { position:absolute; top:16px; right:16px; width:40px; height:40px; background:rgba(0,0,0,0.25); border:none; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; z-index:20; transition:background 0.15s; }
.fm-c-position-7c75e { position:relative; overflow:hidden; height:180px; }
.fm-c-position-87893 { position:absolute; top:12px; left:12px; background:#ef4444; color:#fff; font-size:12px; font-weight:600; padding:4px 10px; border-radius:20px; }
.fm-c-position-87f92 { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.6s ease; }
.fm-c-position-9d06e { position:absolute; top:14px; right:14px; z-index:10; width:36px; height:36px; background:rgba(243,244,246,0.95); border:none; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background 0.15s; }
.fm-c-position-9d49b { position:relative;max-width:1440px;margin:0 auto;padding:56px 20px;text-align:center; }
.fm-c-position-ae22d { position:absolute;bottom:-60px;left:5%;width:260px;height:260px;background:rgba(255,255,255,0.03);border-radius:50%;pointer-events:none; }
.fm-c-position-b9f5d { position:absolute; top:-60px; right:20%; width:300px; height:300px; background:rgba(255,255,255,0.04); border-radius:50%; pointer-events:none; }
.fm-c-position-c3bce { position:absolute; bottom:10px; left:14px; right:14px; }
.fm-c-position-cbee5 { position:relative;width:34px;height:34px;background:#f0fdf4;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.fm-c-position-d0e6a { position:absolute; top:12px; right:12px; display:flex; flex-direction:column; gap:6px; }
.fm-c-position-dcee7 { position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(0,0,0,0.18),transparent);pointer-events:none; }
.fm-c-position-df7c8 { position:absolute; top:10px; right:10px; }
.fm-c-position-e3754 { position:absolute; left:16px; top:50%; transform:translateY(-50%); color:#9ca3af; font-size:14px; pointer-events:none; }
.fm-c-position-e99e4 { position:relative;max-width:1440px;margin:0 auto;padding:52px 20px 44px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:32px; }
.fm-c-position-ec2f3 { position:absolute;inset:0;opacity:0.2; }
.fm-c-position-f3fd6 { position:absolute;bottom:-30px;left:-30px;width:120px;height:120px;background:rgba(255,255,255,0.04);border-radius:50%; }
.fm-c-position-f5d20 { position:absolute;inset:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center; }
.fm-c-position-f69ce { position:relative; display:flex; align-items:flex-start; justify-content:space-between; }
.fm-c-position-f7ea8 { position:relative; padding-left:26px; }
.fm-c-position-ff144 { position:absolute; bottom:10px; left:10px; }
.fm-c-textalign-202e7 { text-align:center; color:rgba(255,255,255,0.7); padding:40px; }
.fm-c-textalign-28a53 { text-align:center; padding:80px 20px; color:#6b7280; }
.fm-c-textalign-70854 { text-align:center; padding:80px 20px; color:#6b7280; background:#fff; border-radius:20px; }
.fm-c-textalign-c990b { text-align:center;padding:24px 0;color:#9ca3af;font-size:13px; }
.fm-c-textalign-ebd78 { text-align:center; margin-bottom:48px; }
.fm-c-textdecorati-6c580 { text-decoration:none; display:block; }
.fm-c-width-02d41 { width:100%; height:100%; object-fit:contain; padding:8px; }
.fm-c-width-04726 { width:44px; height:44px; border:3px solid #e5e7eb; border-top-color:#22c55e; border-radius:50%; animation:fmSpin 0.7s linear infinite; margin:0 auto 14px; }
.fm-c-width-04cd1 { width:38px;height:38px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer; }
.fm-c-width-09f99 { width:100%; height:384px; object-fit:cover; display:block; }
.fm-c-width-0e4b8 { width:38px; height:38px; border-radius:50%; background:#22c55e; border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background 0.2s; }
.fm-c-width-11c06 { width:100%; height:384px; border:0; display:block; }
.fm-c-width-1502a { width:100%; height:224px; object-fit:cover; display:block; transition:transform 0.5s ease; }
.fm-c-width-17369 { width:16px; height:16px; accent-color:#22c55e; cursor:pointer; flex-shrink:0; }
.fm-c-width-23ad7 { width:48px; height:48px; background:#22c55e; border-radius:14px; display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 4px 12px rgba(34,197,94,0.3); }
.fm-c-width-24ed1 { width:100%; padding:16px; background:#22c55e; color:#fff; border:none; border-radius:8px; font-size:16px; font-weight:600; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:8px; font-family:inherit; transition:background 0.15s; }
.fm-c-width-27f8f { width:32px;height:32px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center; }
.fm-c-width-29fed { width:120px; height:120px; background:rgba(255,255,255,0.12); border-radius:20px; display:flex; align-items:center; justify-content:center; flex-shrink:0; overflow:hidden; padding:12px; }
.fm-c-width-2c12a { width:40px; height:40px; background:#f0fdf4; border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.fm-c-width-2da7a { width:34px;height:34px;background:#f0fdf4;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.fm-c-width-39864 { width:32px;height:32px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:8px;display:flex;align-items:center;justify-content:center; }
.fm-c-width-3b51c { width:24px; height:24px; background:#fee2e2; border:none; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.fm-c-width-45e51 { width:1px;height:16px;background:#e5e7eb; }
.fm-c-width-4f854 { width:20px;height:20px;border-radius:5px;background:#f0fdf4;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.fm-c-width-57abb { width:248px;flex-shrink:0; }
.fm-c-width-6098b { width:16px;height:16px;background:#eb001b;border-radius:50%; }
.fm-c-width-61185 { width:90px; height:90px; border-radius:14px; background:#f9fafb; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.fm-c-width-657b8 { width:60px; height:60px; border-radius:14px; border:4px solid #fff; box-shadow:0 2px 10px rgba(0,0,0,0.15); overflow:hidden; background:#fff; display:inline-block; }
.fm-c-width-67d3f { width:36px; height:36px; background:#fff; border:none; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 2px 8px rgba(0,0,0,0.12); transition:background 0.2s; }
.fm-c-width-6b874 { width:100%; padding:12px 16px; border:1px solid #e5e7eb; border-radius:8px; font-size:14px; outline:none; font-family:inherit; resize:none; box-sizing:border-box; transition:border-color 0.15s, box-shadow 0.15s; }
.fm-c-width-6d33f { width:1px;height:28px;background:#e5e7eb; }
.fm-c-width-6d710 { width:100%; height:100%; background:#dcfce7; display:flex; align-items:center; justify-content:center; }
.fm-c-width-71377 { width:100%; height:100%; object-fit:contain; }
.fm-c-width-853c0 { width:180px;flex-shrink:0;position:relative;overflow:hidden; }
.fm-c-width-8b339 { width:36px; height:36px; border-radius:7px; object-fit:cover; }
.fm-c-width-8cbff { width:120px; height:50px; border-radius:10px; border:1px dashed rgba(255,255,255,0.2); flex-shrink:0; display:flex; align-items:center; justify-content:center; }
.fm-c-width-8de54 { width:44px;height:44px;object-fit:cover;border-radius:8px;flex-shrink:0;background:#f3f4f6; }
.fm-c-width-8e004 { width:120px; height:120px; object-fit:cover; border-radius:14px; margin-bottom:12px; }
.fm-c-width-8e648 { width:20px; height:20px; border-radius:4px; object-fit:cover; }
.fm-c-width-8ea27 { width:14px; height:14px; transition:transform 0.2s; }
.fm-c-width-93223 { width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
.fm-c-width-9398c { width:22px;height:22px;border-radius:5px;background:#dcfce7;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.fm-c-width-963b3 { width:100%; border-radius:24px; object-fit:cover; height:400px; }
.fm-c-width-9756e { width:22px;height:22px;border-radius:5px;object-fit:cover;flex-shrink:0; }
.fm-c-width-9a5aa { width:100%; padding:9px; background:#22c55e; color:#fff; border:none; border-radius:10px; font-size:13px; font-weight:700; cursor:pointer; transition:background 0.15s; }
.fm-c-width-a68be { width:72px; height:72px; background:rgba(255,255,255,0.12); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 16px; position:relative; }
.fm-c-width-aaf63 { width:100%;border:none;background:none;cursor:pointer;font-family:inherit; }
.fm-c-width-bcc99 { width:18px;text-align:center;font-size:14px; }
.fm-c-width-bd648 { width:256px;flex-shrink:0; }
.fm-c-width-c0d3f { width:100%; height:100%; object-fit:cover; transition:transform 0.4s ease; display:block; }
.fm-c-width-c1801 { width:14px; height:14px; margin-left:auto; color:#2E7D32; }
.fm-c-width-c31cf { width:20px;height:20px;border-radius:5px;object-fit:cover;flex-shrink:0; }
.fm-c-width-caf47 { width:40px; height:40px; background:#22c55e; border:none; border-radius:10px; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:background 0.2s; flex-shrink:0; }
.fm-c-width-cf911 { width:38px; height:38px; border-radius:50%; background:#f3f4f6; border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background 0.2s; }
.fm-c-width-cfb2b { width:44px;height:44px;border:3px solid #e5e7eb;border-top-color:#22c55e;border-radius:50%;animation:fmSpin 0.7s linear infinite;margin:0 auto 14px; }
.fm-c-width-d230a { width:100%;height:100%;min-height:160px;object-fit:cover;display:block; }
.fm-c-width-d4a55 { width:16px;height:16px;background:#f79e1b;border-radius:50%;margin-left:-7px; }
.fm-c-width-e8600 { width:100%; height:100%; object-fit:cover; display:block; border-radius:16px; }
.fm-c-width-f066a { width:100%; padding:16px 16px 16px 44px; border:none; outline:none; font-size:14px; color:#111827; background:#fff; font-family:inherit; }
.fm-c-width-f2531 { width:100%;height:100%;object-fit:cover;border-radius:10px; }
.fm-c-width-fa521 { width:100%; height:100%; object-fit:cover; }
.fm-c-x-030c5 { italic }
.fm-c-x-09370 { background:#f3f4f6; color:#374151; }
.fm-c-x-375d8 { background:#f3f4f6; color:#374151; }
.fm-c-x-38777 { vm==='grid' ? 'background:#22c55e;color:#fff;box-shadow:0 2px 6px rgba(34,197,94,0.3);' : 'background:transparent;color:#6b7280;' }
.fm-c-x-5bf5d { open ? 'transform:rotate(180deg)' : '' }
.fm-c-x-6bc65 { vm==='list' ? 'background:#22c55e;color:#fff;box-shadow:0 2px 6px rgba(34,197,94,0.3);' : 'background:transparent;color:#6b7280;' }
.fm-c-x-84612 { showFilters ? 'background:#22c55e;color:#fff;border-color:#22c55e;' : 'background:#f9fafb;color:#374151;border-color:#e5e7eb;' }
.fm-c-x-c2efd { display:flex; align-items:center; gap:8px; padding:8px 16px; border:1px solid #e5e7eb; border-radius:8px; font-size:14px; font-weight:500; cursor:pointer; transition:all 0.15s; font-family:inherit; background:#fff; color:#374151; }
.fm-c-x-c2efd:hover { border-color:#22c55e; color:#22c55e; }
.fm-c-x-f9b89 { qvStock > 0 ? 'color:#16a34a;background:#f0fdf4;border-color:#bbf7d0' : 'color:#ef4444;background:#fef2f2;border-color:#fecaca' }

/* =====================================================
   ORDERS PAGE  (customer /orders)
   ===================================================== */

/* Page shell */
.ord-page { background: #f9fafb; min-height: 100vh; }

/* Header */
.ord-header { background: #fff; border-bottom: 1px solid #e5e7eb; }
.ord-header-inner {
    max-width: 1100px; margin: 0 auto; padding: 28px 20px;
    display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
}
.ord-title { font-size: 1.75rem; font-weight: 900; color: #111827; margin: 0 0 4px; }
.ord-subtitle { font-size: 14px; color: #6b7280; margin: 0; }
.ord-shop-btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 10px 20px; background: #22c55e; color: #fff;
    border-radius: 10px; font-size: 13px; font-weight: 700;
    text-decoration: none; transition: background .15s;
}
.ord-shop-btn:hover { background: #16a34a; }

/* Body */
.ord-body { max-width: 1100px; margin: 0 auto; padding: 28px 20px 60px; }

/* Filter tabs */
.ord-filter-bar {
    display: flex; align-items: center; gap: 8px;
    flex-wrap: wrap; margin-bottom: 24px;
}
.ord-filter-tab {
    padding: 8px 18px; border-radius: 30px;
    font-size: 13px; font-weight: 600; text-decoration: none;
    color: #6b7280; background: #fff; border: 1.5px solid #e5e7eb;
    transition: all .15s;
}
.ord-filter-tab:hover { border-color: #22c55e; color: #22c55e; }
.ord-filter-tab.ord-filter-active {
    background: #22c55e; color: #fff; border-color: #22c55e;
}

/* Empty state */
.ord-empty {
    background: #fff; border-radius: 20px; padding: 80px 20px;
    text-align: center; box-shadow: 0 1px 4px rgba(0,0,0,.06);
}
.ord-empty-icon {
    width: 80px; height: 80px; background: #f0fdf4;
    border-radius: 50%; display: flex; align-items: center;
    justify-content: center; margin: 0 auto 20px; font-size: 32px; color: #22c55e;
}
.ord-empty-title { font-size: 1.25rem; font-weight: 800; color: #111827; margin-bottom: 8px; }
.ord-empty-sub   { font-size: 14px; color: #6b7280; margin-bottom: 28px; }
.ord-empty-btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 12px 28px; background: #22c55e; color: #fff;
    border-radius: 12px; font-size: 14px; font-weight: 700;
    text-decoration: none; transition: background .15s;
}
.ord-empty-btn:hover { background: #16a34a; }

/* Order list */
.ord-list { display: flex; flex-direction: column; gap: 20px; }

/* Order card */
.ord-card {
    background: #fff; border-radius: 18px;
    box-shadow: 0 1px 4px rgba(0,0,0,.06);
    border: 1px solid #f3f4f6;
    overflow: hidden;
    transition: box-shadow .2s;
}
.ord-card:hover { box-shadow: 0 8px 28px rgba(0,0,0,.10); }

/* Card top row */
.ord-card-top {
    display: flex; align-items: center; justify-content: space-between;
    flex-wrap: wrap; gap: 12px;
    padding: 18px 24px;
    background: #f9fafb; border-bottom: 1px solid #f3f4f6;
}
.ord-card-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 0; }
.ord-meta-item { display: flex; flex-direction: column; padding: 0 16px; }
.ord-meta-item:first-child { padding-left: 0; }
.ord-meta-label { font-size: 10px; font-weight: 700; color: #9ca3af; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 3px; }
.ord-meta-val   { font-size: 13px; font-weight: 600; color: #374151; }
.ord-meta-num   { font-size: 13px; font-weight: 800; color: #22c55e; }
.ord-meta-total { font-size: 14px; font-weight: 900; color: #111827; }
.ord-meta-track { font-size: 12px; font-weight: 600; color: #6b7280; font-family: monospace; }
.ord-meta-divider { width: 1px; height: 32px; background: #e5e7eb; flex-shrink: 0; }

/* Status badge */
.ord-status-badge {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 14px; border-radius: 30px;
    font-size: 12px; font-weight: 700;
    white-space: nowrap; flex-shrink: 0;
}

/* Progress steps */
.ord-progress {
    display: flex; align-items: center;
    padding: 18px 24px; border-bottom: 1px solid #f3f4f6;
    overflow-x: auto; gap: 0;
}
.ord-step { display: flex; flex-direction: column; align-items: center; gap: 6px; flex-shrink: 0; }
.ord-step-dot {
    width: 36px; height: 36px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 13px; font-weight: 700;
    background: #f3f4f6; color: #9ca3af;
    transition: all .3s;
}
.ord-step.ord-step-done .ord-step-dot  { background: #dcfce7; color: #22c55e; }
.ord-step.ord-step-active .ord-step-dot {
    background: #22c55e; color: #fff;
    box-shadow: 0 0 0 4px rgba(34,197,94,.18);
}
.ord-step-label { font-size: 11px; font-weight: 600; color: #9ca3af; white-space: nowrap; }
.ord-step.ord-step-done .ord-step-label  { color: #22c55e; }
.ord-step.ord-step-active .ord-step-label { color: #111827; font-weight: 700; }

.ord-step-line {
    flex: 1; min-width: 24px; height: 3px;
    background: #f3f4f6; border-radius: 2px;
    margin: 0 4px; margin-bottom: 22px;
    transition: background .3s;
}
.ord-step-line.ord-line-done { background: #22c55e; }

/* Tracking bar */
.ord-tracking-bar {
    display: flex; align-items: center; justify-content: space-between;
    flex-wrap: wrap; gap: 12px;
    padding: 14px 24px;
    background: #f0fdf4; border-bottom: 1px solid #dcfce7;
}
.ord-tracking-left { display: flex; align-items: center; gap: 12px; }
.ord-tracking-icon {
    width: 38px; height: 38px; background: #22c55e;
    border-radius: 10px; display: flex; align-items: center;
    justify-content: center; color: #fff; font-size: 15px; flex-shrink: 0;
}
.ord-tracking-carrier { font-size: 11px; font-weight: 700; color: #16a34a; text-transform: uppercase; letter-spacing: .05em; margin: 0 0 2px; }
.ord-tracking-num     { font-size: 14px; font-weight: 700; color: #111827; font-family: monospace; margin: 0; }
.ord-tracking-right   { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.ord-tracking-eta {
    display: flex; align-items: center; gap: 6px;
    font-size: 12px; font-weight: 600; color: #16a34a;
}
.ord-tracking-link {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 7px 16px; background: #22c55e; color: #fff;
    border-radius: 8px; font-size: 12px; font-weight: 700;
    text-decoration: none; transition: background .15s;
}
.ord-tracking-link:hover { background: #16a34a; }

/* Items preview */
.ord-items {
    display: flex; flex-direction: column; gap: 0;
    padding: 0 24px; border-bottom: 1px solid #f3f4f6;
}
.ord-item {
    display: flex; align-items: center; gap: 14px;
    padding: 14px 0; border-bottom: 1px solid #f9fafb;
}
.ord-item:last-of-type { border-bottom: none; }
.ord-item-img {
    width: 60px; height: 60px; border-radius: 12px;
    object-fit: cover; border: 1px solid #f3f4f6; flex-shrink: 0;
}
.ord-item-info  { flex: 1; min-width: 0; }
.ord-item-name  { font-size: 14px; font-weight: 600; color: #111827; margin: 0 0 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ord-item-variant { font-size: 12px; color: #6b7280; margin: 0 0 3px; }
.ord-item-qty   { font-size: 12px; color: #9ca3af; margin: 0; }
.ord-item-more  {
    padding: 12px 0; font-size: 13px; font-weight: 600;
    color: #22c55e; text-align: center;
}

/* Actions row */
.ord-card-actions {
    display: flex; align-items: center; gap: 10px;
    flex-wrap: wrap; padding: 16px 24px;
}
.ord-btn-primary {
    display: inline-flex; align-items: center; gap: 7px;
    padding: 10px 20px; background: #22c55e; color: #fff;
    border-radius: 10px; font-size: 13px; font-weight: 700;
    text-decoration: none; transition: background .15s; border: none; cursor: pointer;
}
.ord-btn-primary:hover { background: #16a34a; }
.ord-btn-outline {
    display: inline-flex; align-items: center; gap: 7px;
    padding: 10px 20px; background: #fff; color: #374151;
    border: 1.5px solid #e5e7eb; border-radius: 10px;
    font-size: 13px; font-weight: 600;
    text-decoration: none; transition: all .15s; cursor: pointer;
}
.ord-btn-outline:hover { border-color: #22c55e; color: #22c55e; }
.ord-btn-danger {
    display: inline-flex; align-items: center; gap: 7px;
    padding: 10px 20px; background: #fff; color: #ef4444;
    border: 1.5px solid #fecaca; border-radius: 10px;
    font-size: 13px; font-weight: 600;
    cursor: pointer; transition: all .15s; font-family: inherit;
}
.ord-btn-danger:hover { background: #fee2e2; border-color: #ef4444; }

/* Pagination */
.ord-pagination { margin-top: 32px; }

/* ── Responsive ── */
@media (max-width: 768px) {
    .ord-header-inner { flex-direction: column; align-items: flex-start; }
    .ord-card-top     { flex-direction: column; align-items: flex-start; }
    .ord-card-meta    { gap: 12px; }
    .ord-meta-item    { padding: 0; }
    .ord-meta-divider { display: none; }
    .ord-progress     { padding: 14px 16px; }
    .ord-items        { padding: 0 16px; }
    .ord-card-actions { padding: 14px 16px; }
    .ord-card-top     { padding: 14px 16px; }
    .ord-tracking-bar { padding: 12px 16px; }
    .ord-body         { padding: 20px 16px 40px; }
}
@media (max-width: 480px) {
    .ord-filter-bar { gap: 6px; }
    .ord-filter-tab { padding: 7px 14px; font-size: 12px; }
    .ord-step-dot   { width: 30px; height: 30px; font-size: 11px; }
    .ord-step-label { font-size: 10px; }
    .ord-item-img   { width: 50px; height: 50px; }
}

/* ── Quick View Reviews ── */
.qv-reviews-wrap { margin-top: 18px; border-top: 1px solid #f0f0f0; padding-top: 14px; }
.qv-reviews-header { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.qv-reviews-title { font-size: 13px; font-weight: 600; color: #111827; }
.qv-reviews-badge { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; border-radius: 20px; font-size: 11px; font-weight: 600; padding: 1px 8px; }
.qv-review-item { padding: 10px 0; border-bottom: 1px solid #f3f4f6; }
.qv-review-item:last-of-type { border-bottom: none; }
.qv-review-top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 4px; }
.qv-review-author { font-size: 12px; font-weight: 600; color: #374151; }
.qv-review-stars { display: flex; gap: 1px; }
.qv-review-date { font-size: 11px; color: #9ca3af; margin-left: auto; }
.qv-review-text { font-size: 12px; color: #6b7280; line-height: 1.55; margin: 0; }
.qv-reviews-more { display: inline-flex; align-items: center; gap: 5px; margin-top: 10px; font-size: 12px; font-weight: 500; color: #22c55e; text-decoration: none; }
.qv-reviews-more:hover { color: #16a34a; }

/* ── Wholesale / Bulk Pricing ── */
.pd-ws-wrap {
    border: 1.5px solid #dcfce7;
    border-radius: 12px;
    margin: 16px 0;
    background: #f0fdf4;
    overflow: visible;
}
.pd-ws-header {
    border-radius: 10px 10px 0 0;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: linear-gradient(90deg, #16a34a 0%, #22c55e 100%);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .02em;
}
.pd-ws-header i { font-size: 13px; }
.pd-ws-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}
.pd-ws-table thead tr {
    background: #dcfce7;
}
.pd-ws-table thead th {
    padding: 8px 14px;
    text-align: left;
    font-size: 11px;
    font-weight: 700;
    color: #166534;
    text-transform: uppercase;
    letter-spacing: .05em;
    white-space: nowrap;
}
.pd-ws-table tbody tr {
    border-top: 1px solid #dcfce7;
    transition: background .15s;
}
.pd-ws-table tbody tr:hover { background: #f0fdf4; }
.pd-ws-table tbody tr:last-child td:first-child { border-radius: 0 0 0 10px; }
.pd-ws-table tbody tr:last-child td:last-child  { border-radius: 0 0 10px 0; }
.pd-ws-table tbody td {
    padding: 9px 14px;
    color: #374151;
    vertical-align: middle;
    white-space: nowrap;
}
.pd-ws-table tbody td:first-child { font-weight: 700; color: #16a34a; }
.pd-ws-table tbody td:nth-child(3) { font-weight: 700; color: #111827; }
.pd-ws-active { background: #dcfce7 !important; }
.pd-ws-active td:first-child { color: #15803d !important; }
.pd-ws-label-badge {
    display: inline-block;
    padding: 2px 9px;
    background: #16a34a;
    color: #fff;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
}
.pd-ws-dash { color: #d1d5db; }
.pd-ws-add-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    background: #22c55e;
    color: #fff;
    border: none;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s;
    font-family: inherit;
}
.pd-ws-add-btn:hover { background: #16a34a; }

/* ── Quick-view wholesale grid (div-based, avoids table-in-flex clipping) ── */
.pd-ws-grid-head {
    display: grid;
    grid-template-columns: 70px 1fr 100px 80px;
    padding: 7px 14px;
    background: #dcfce7;
    font-size: 11px;
    font-weight: 700;
    color: #166534;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.pd-ws-grid-row {
    display: grid;
    grid-template-columns: 70px 1fr 100px 80px;
    padding: 9px 14px;
    align-items: center;
    border-top: 1px solid #dcfce7;
    font-size: 13px;
    color: #374151;
    transition: background .15s;
}
.pd-ws-grid-row:last-child { border-radius: 0 0 10px 10px; }
.pd-ws-grid-row:hover { background: #f0fdf4; }
.pd-ws-grid-qty { font-weight: 700; color: #16a34a; }
.pd-ws-grid-price { font-weight: 700; color: #111827; }

/* ── Product Detail Action Row (Wishlist / Compare / Share) ── */
.pd-action-row { display: flex; gap: 10px; margin-bottom: 24px; align-items: stretch; flex-wrap: wrap; }
.pd-action-flex1 { flex: 1; min-width: 120px; }
.pd-action-btn {
    display: flex; align-items: center; justify-content: center; gap: 7px;
    width: 100%; height: 48px; padding: 0 18px;
    border: 1.5px solid #e5e7eb; border-radius: 10px;
    background: #fff; color: #374151;
    font-size: 14px; font-weight: 600; cursor: pointer;
    transition: border-color .15s, background .15s, color .15s;
    font-family: inherit; white-space: nowrap;
}
.pd-action-btn:hover { border-color: #22c55e; color: #16a34a; background: #f0fdf4; }
.pd-action-btn--wishlisted { color: #ef4444; border-color: #fca5a5; }
.pd-action-btn--wishlisted:hover { background: #fef2f2; border-color: #ef4444; color: #dc2626; }
.pd-action-btn--icon { width: 48px; padding: 0; flex-shrink: 0; }

/* Share dropdown */
.pd-share-wrap { position: relative; flex-shrink: 0; }
.pd-share-dropdown {
    display: none; position: absolute; right: 0; top: calc(100% + 8px);
    background: #fff; border: 1.5px solid #e5e7eb; border-radius: 12px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.12); min-width: 180px; z-index: 100;
    padding: 6px;
}
.pd-share-dropdown.open { display: block; }
.pd-share-item {
    display: flex; align-items: center; gap: 10px;
    width: 100%; padding: 9px 12px; border-radius: 8px;
    font-size: 13px; font-weight: 500; color: #374151;
    background: none; border: none; cursor: pointer;
    text-decoration: none; transition: background .12s;
    font-family: inherit;
}
.pd-share-item:hover { background: #f3f4f6; color: #111827; }
.pd-share-item i { width: 16px; text-align: center; color: #6b7280; }

/* ── Flash Toast Notification ── */
.fm-toast {
    position: fixed; bottom: 28px; right: 28px; z-index: 99999;
    display: flex; align-items: center; gap: 10px;
    padding: 14px 18px; border-radius: 12px;
    font-size: 14px; font-weight: 500;
    box-shadow: 0 8px 28px rgba(0,0,0,0.15);
    max-width: 380px; line-height: 1.45;
    animation: toastIn .25s ease;
}
@keyframes toastIn {
    from { opacity: 0; transform: translateY(16px); }
    to   { opacity: 1; transform: translateY(0); }
}
.fm-toast-success { background: #f0fdf4; border: 1.5px solid #bbf7d0; color: #166534; }
.fm-toast-success i { color: #22c55e; }
.fm-toast-error   { background: #fef2f2; border: 1.5px solid #fecaca; color: #991b1b; }
.fm-toast-error i { color: #ef4444; }
.fm-toast-info    { background: #eff6ff; border: 1.5px solid #bfdbfe; color: #1e40af; }
.fm-toast-info i  { color: #3b82f6; }
.fm-toast-close {
    margin-left: auto; background: none; border: none;
    font-size: 18px; line-height: 1; cursor: pointer;
    color: inherit; opacity: .6; padding: 0 2px;
}
.fm-toast-close:hover { opacity: 1; }

/* ── Price Range Slider ── */
.fm-ps-display {
    display: flex; align-items: center; gap: 8px;
    margin-bottom: 16px;
}
.fm-ps-badge {
    display: flex; align-items: center; gap: 1px;
    flex: 1; justify-content: center;
    padding: 6px 10px; border-radius: 8px;
    background: #f0fdf4; border: 1.5px solid #bbf7d0;
    font-size: 13px; font-weight: 700; color: #16a34a;
}
.fm-ps-currency { font-size: 11px; font-weight: 600; margin-right: 1px; color: #22c55e; }
.fm-ps-line {
    height: 1px; width: 12px; background: #d1d5db; flex-shrink: 0;
}
.fm-ps-wrap {
    position: relative; height: 36px;
    display: flex; align-items: center;
}
.fm-ps-track {
    position: absolute; left: 0; right: 0;
    height: 5px; background: #e5e7eb;
    border-radius: 99px;
}
.fm-ps-fill {
    position: absolute; height: 5px;
    background: linear-gradient(90deg, #22c55e, #16a34a);
    border-radius: 99px; pointer-events: none;
}
.fm-ps-input {
    position: absolute; left: 0; width: 100%;
    height: 5px; margin: 0;
    -webkit-appearance: none; appearance: none;
    background: transparent; outline: none;
    pointer-events: none;
}
.fm-ps-input::-webkit-slider-thumb {
    -webkit-appearance: none; appearance: none;
    width: 20px; height: 20px; border-radius: 50%;
    background: #fff;
    border: 2.5px solid #22c55e;
    box-shadow: 0 2px 6px rgba(34,197,94,.35), 0 1px 2px rgba(0,0,0,.1);
    cursor: grab; pointer-events: all;
    transition: border-color .15s, box-shadow .15s, transform .15s;
}
.fm-ps-input:active::-webkit-slider-thumb {
    cursor: grabbing;
    transform: scale(1.18);
    border-color: #16a34a;
    box-shadow: 0 3px 10px rgba(34,197,94,.45);
}
.fm-ps-input::-moz-range-thumb {
    width: 20px; height: 20px; border-radius: 50%;
    background: #fff; border: 2.5px solid #22c55e;
    box-shadow: 0 2px 6px rgba(34,197,94,.35);
    cursor: grab; pointer-events: all;
}
.fm-ps-input-high { z-index: 1; }
.fm-ps-labels {
    display: flex; justify-content: space-between;
    font-size: 11px; color: #9ca3af; margin-top: 2px;
    padding: 0 2px;
}

/* ── Review Components ─────────────────────────────────── */
.fm-review-panel { padding: 16px 24px 22px; background: #f9fafb; border-top: 1px solid #f3f4f6; }
.fm-review-stars { display: flex; gap: 4px; margin-bottom: 4px; }
.fm-review-star-btn { background: none; border: none; cursor: pointer; font-size: 26px; padding: 2px; line-height: 1; color: #d1d5db; transition: color 0.12s, transform 0.1s; }
.fm-review-star-btn.active { color: #f59e0b; }
.fm-review-star-btn:hover { transform: scale(1.18); }
.fm-review-textarea { width: 100%; padding: 12px 14px; border: 1px solid #e5e7eb; border-radius: 10px; font-size: 14px; line-height: 1.65; resize: vertical; min-height: 90px; outline: none; font-family: inherit; box-sizing: border-box; transition: border-color 0.15s, box-shadow 0.15s; }
.fm-review-textarea:focus { border-color: #22c55e; box-shadow: 0 0 0 3px rgba(34,197,94,0.12); }
.fm-review-submit { display: inline-flex; align-items: center; gap: 8px; padding: 9px 22px; background: #22c55e; color: #fff; border: none; border-radius: 8px; font-size: 14px; font-weight: 700; cursor: pointer; transition: background 0.15s; }
.fm-review-submit:hover { background: #16a34a; }
.fm-review-badge { display: inline-flex; align-items: center; gap: 5px; padding: 4px 11px; background: #fef3c7; color: #92400e; border-radius: 20px; font-size: 11.5px; font-weight: 700; margin-top: 6px; }
.fm-review-trigger { display: inline-flex; align-items: center; gap: 6px; padding: 5px 13px; background: #f0fdf4; color: #16a34a; border: 1.5px solid #bbf7d0; border-radius: 8px; font-size: 12.5px; font-weight: 700; cursor: pointer; transition: background 0.15s, border-color 0.15s; margin-top: 6px; }
.fm-review-trigger:hover { background: #dcfce7; border-color: #86efac; }
.fm-review-label { display: block; font-size: 13px; font-weight: 600; color: #374151; margin-bottom: 8px; }
.fm-review-actions { margin-top: 14px; display: flex; align-items: center; gap: 12px; }
.fm-review-cancel { background: none; border: none; font-size: 13px; color: #9ca3af; cursor: pointer; font-weight: 600; padding: 0; transition: color 0.15s; }
.fm-review-cancel:hover { color: #6b7280; }
.fm-item-row { display: flex; align-items: flex-start; gap: 16px; padding: 18px 24px; border-bottom: 1px solid #f3f4f6; }
.fm-item-row:last-child { border-bottom: 0; }
.fm-item-img { width: 68px; height: 68px; object-fit: cover; border-radius: 12px; border: 1px solid #f3f4f6; flex-shrink: 0; }
.fm-item-name { font-weight: 600; color: #111827; font-size: 14px; line-height: 1.4; }
.fm-item-meta { font-size: 12px; color: #9ca3af; margin-top: 3px; }
.fm-item-price { text-align: right; flex-shrink: 0; }
.fm-item-total { font-weight: 800; color: #111827; font-size: 15px; }
.fm-item-unit { font-size: 11.5px; color: #9ca3af; margin-top: 2px; }
.fm-review-success-hint { display: flex; align-items: center; gap: 10px; padding: 14px 20px; background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 14px; margin-top: 20px; }
.fm-review-success-hint-icon { width: 36px; height: 36px; background: #dcfce7; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.fm-review-success-hint-text { font-size: 13.5px; color: #166534; font-weight: 500; line-height: 1.5; }

/* ── Static Pages (Terms / Privacy Policy) ─────────────── */
.sp-page { min-height: 60vh; }

.sp-hero {
    background: linear-gradient(135deg, #16a34a 0%, #22c55e 50%, #4ade80 100%);
    padding: 72px 24px 64px;
    text-align: center;
}
.sp-hero-inner { max-width: 720px; margin: 0 auto; }

.sp-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 16px;
    background: rgba(255,255,255,0.18);
    color: #fff;
    border: 1.5px solid rgba(255,255,255,0.35);
    border-radius: 50px;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 0.3px;
    margin-bottom: 20px;
}

.sp-title {
    font-size: clamp(28px, 5vw, 42px);
    font-weight: 800;
    color: #fff;
    line-height: 1.18;
    margin: 0 0 14px;
}

.sp-subtitle {
    font-size: 15px;
    color: rgba(255,255,255,0.88);
    line-height: 1.7;
    max-width: 600px;
    margin: 0 auto;
}

.sp-body {
    background: #f9fafb;
    padding: 56px 24px 80px;
}

.sp-prose {
    max-width: 780px;
    margin: 0 auto;
}

.sp-block {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 32px 36px;
    margin-bottom: 20px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}
.sp-block:last-child { margin-bottom: 0; }

.sp-block h2 {
    font-size: 17px;
    font-weight: 700;
    color: #111827;
    margin: 0 0 12px;
    padding-bottom: 10px;
    border-bottom: 2px solid #f0fdf4;
    display: flex;
    align-items: center;
    gap: 8px;
}
.sp-block h2::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 18px;
    background: linear-gradient(to bottom, #22c55e, #16a34a);
    border-radius: 4px;
    flex-shrink: 0;
}

.sp-block p {
    font-size: 14.5px;
    color: #4b5563;
    line-height: 1.75;
    margin: 0 0 10px;
}
.sp-block p:last-child { margin-bottom: 0; }

.sp-list {
    list-style: none;
    padding: 0;
    margin: 10px 0;
}
.sp-list li {
    font-size: 14.5px;
    color: #4b5563;
    line-height: 1.7;
    padding: 5px 0 5px 22px;
    position: relative;
    border-bottom: 1px solid #f9fafb;
}
.sp-list li:last-child { border-bottom: 0; }
.sp-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 13px;
    width: 8px;
    height: 8px;
    background: #22c55e;
    border-radius: 50%;
}

.sp-link {
    color: #16a34a;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1.5px solid #bbf7d0;
    transition: color 0.15s, border-color 0.15s;
}
.sp-link:hover {
    color: #15803d;
    border-bottom-color: #16a34a;
}

.sp-contact-box {
    background: #f0fdf4;
    border: 1.5px solid #bbf7d0;
    border-radius: 12px;
    padding: 18px 22px;
    margin-top: 14px;
}
.sp-contact-box p {
    font-size: 14px;
    color: #166534;
    margin: 0 0 8px;
    display: flex;
    align-items: center;
}
.sp-contact-box p:last-child { margin-bottom: 0; }

.sp-icon-green { color: #16a34a; flex-shrink: 0; }
.sp-icon-blue  { color: #3b82f6; flex-shrink: 0; }

/* sp-block h3 variant (shipping page sub-headings) */
.sp-block h3 {
    font-size: 15px;
    font-weight: 700;
    color: #111827;
    margin: 0 0 10px;
}

/* Quick-info cards row */
.sp-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    max-width: 780px;
    margin: 0 auto 32px;
}
.sp-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 22px 18px;
    text-align: center;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
    transition: box-shadow 0.15s, transform 0.15s;
}
.sp-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.08); transform: translateY(-2px); }
.sp-card-icon {
    width: 48px;
    height: 48px;
    background: #f3f4f6;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
    color: #6b7280;
}
.sp-card-icon-green { background: #f0fdf4; color: #16a34a; }
.sp-card-icon-blue  { background: #eff6ff; color: #3b82f6; }
.sp-card-title { font-size: 13.5px; font-weight: 700; color: #111827; margin-bottom: 4px; }
.sp-card-text  { font-size: 12.5px; color: #6b7280; }

/* Section wrapper with title */
.sp-section { max-width: 780px; margin: 0 auto 36px; }
.sp-section-title {
    font-size: 20px;
    font-weight: 800;
    color: #111827;
    margin: 0 0 16px;
    padding-bottom: 12px;
    border-bottom: 2px solid #e5e7eb;
    display: flex;
    align-items: center;
}

/* Table inside sp-block */
.sp-table-wrap { overflow-x: auto; margin-top: 10px; }
.sp-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}
.sp-table th {
    background: #f9fafb;
    color: #374151;
    font-weight: 700;
    padding: 10px 14px;
    text-align: left;
    border-bottom: 2px solid #e5e7eb;
    white-space: nowrap;
}
.sp-table td {
    padding: 10px 14px;
    color: #4b5563;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: top;
}
.sp-table tbody tr:last-child td { border-bottom: 0; }
.sp-table tbody tr:hover td { background: #f9fafb; }

/* Ordered list variant */
.sp-list-ordered {
    list-style: none;
    padding: 0;
    counter-reset: sp-ol;
}
.sp-list-ordered li {
    counter-increment: sp-ol;
    padding-left: 32px;
}
.sp-list-ordered li::before {
    content: counter(sp-ol);
    position: absolute;
    left: 0;
    top: 7px;
    width: 20px;
    height: 20px;
    background: #22c55e;
    color: #fff;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

/* CTA box */
.sp-cta {
    max-width: 780px;
    margin: 0 auto;
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    border: 1.5px solid #bbf7d0;
    border-radius: 18px;
    padding: 40px 36px;
    text-align: center;
}
.sp-cta-icon {
    width: 64px;
    height: 64px;
    background: #22c55e;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    color: #fff;
}
.sp-cta-title { font-size: 19px; font-weight: 800; color: #111827; margin: 0 0 8px; }
.sp-cta-text  { font-size: 14px; color: #4b5563; margin: 0 0 20px; }
.sp-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    background: #22c55e;
    color: #fff;
    border-radius: 10px;
    font-size: 14.5px;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.15s, transform 0.12s;
}
.sp-cta-btn:hover { background: #16a34a; transform: translateY(-1px); color: #fff; }

@media (max-width: 900px) {
    .sp-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
    .sp-hero { padding: 48px 16px 44px; }
    .sp-body { padding: 32px 16px 56px; }
    .sp-block { padding: 22px 20px; }
    .sp-cards { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .sp-cta { padding: 28px 20px; }
    .sp-section-title { font-size: 17px; }
}

/* ── Customer Profile Page ─────────────────────────────── */
.pf-page { background: #f9fafb; min-height: 100vh; padding: 40px 0 64px; }
.pf-container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
.pf-heading { font-size: 28px; font-weight: 900; color: #111827; margin: 0 0 28px; }
.pf-layout { display: grid; grid-template-columns: 260px 1fr; gap: 24px; align-items: flex-start; }
.pf-hidden { display: none; }

/* Sidebar */
.pf-avatar-card {
    background: #fff;
    border-radius: 18px;
    padding: 28px 20px 20px;
    text-align: center;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    margin-bottom: 12px;
}
.pf-avatar-wrap {
    position: relative;
    display: inline-block;
    margin-bottom: 14px;
}
.pf-avatar-img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.12);
    display: block;
}
.pf-avatar-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 24px;
    height: 24px;
    background: #22c55e;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    transition: background 0.15s;
}
.pf-avatar-btn:hover { background: #16a34a; }
.pf-avatar-btn i { color: #fff; font-size: 10px; }
.pf-avatar-name { font-size: 15px; font-weight: 800; color: #111827; line-height: 1.3; }
.pf-avatar-email { font-size: 12px; color: #9ca3af; margin-top: 2px; margin-bottom: 14px; }

.pf-wallet-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #f0fdf4;
    border: 1.5px solid #bbf7d0;
    border-radius: 50px;
    padding: 5px 12px;
    font-size: 13px;
    font-weight: 700;
    color: #16a34a;
}
.pf-wallet-badge i { font-size: 11px; }
.pf-wallet-badge-link {
    font-size: 11.5px;
    color: #16a34a;
    text-decoration: none;
    border-left: 1.5px solid #bbf7d0;
    padding-left: 8px;
    margin-left: 2px;
    font-weight: 600;
    transition: color 0.15s;
}
.pf-wallet-badge-link:hover { color: #15803d; }

.pf-nav {
    background: #fff;
    border-radius: 18px;
    padding: 10px 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
.pf-nav-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 12px;
    font-size: 13.5px;
    font-weight: 600;
    color: #374151;
    text-decoration: none;
    transition: background 0.12s, color 0.12s;
    margin-bottom: 2px;
}
.pf-nav-item:last-child { margin-bottom: 0; }
.pf-nav-item:hover { background: #f0fdf4; color: #16a34a; }
.pf-nav-item-active { background: #f0fdf4; color: #16a34a; }
.pf-nav-icon { width: 16px; text-align: center; color: #22c55e; font-size: 13px; flex-shrink: 0; }

/* Main */
.pf-main { display: flex; flex-direction: column; gap: 20px; }

.pf-alert { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-radius: 12px; font-size: 14px; font-weight: 600; }
.pf-alert-success { background: #f0fdf4; color: #166534; border: 1px solid #bbf7d0; }

.pf-wallet-card {
    background: linear-gradient(135deg, #16a34a 0%, #22c55e 60%, #4ade80 100%);
    border-radius: 18px;
    padding: 22px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    box-shadow: 0 4px 20px rgba(34,197,94,0.25);
}
.pf-wallet-left { display: flex; align-items: center; gap: 16px; }
.pf-wallet-icon-wrap {
    width: 48px;
    height: 48px;
    background: rgba(255,255,255,0.2);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.pf-wallet-icon { color: #fff; font-size: 20px; }
.pf-wallet-label { font-size: 12px; color: rgba(255,255,255,0.8); font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 2px; }
.pf-wallet-amount { font-size: 32px; font-weight: 900; color: #fff; line-height: 1.1; }
.pf-wallet-hint { font-size: 11.5px; color: rgba(255,255,255,0.7); margin-top: 2px; }
.pf-wallet-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: rgba(255,255,255,0.2);
    border: 1.5px solid rgba(255,255,255,0.5);
    border-radius: 12px;
    color: #fff;
    font-size: 13.5px;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.15s;
    white-space: nowrap;
}
.pf-wallet-cta:hover { background: rgba(255,255,255,0.3); color: #fff; }

.pf-card {
    background: #fff;
    border-radius: 18px;
    padding: 24px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
.pf-card-header { display: flex; align-items: center; gap: 10px; margin-bottom: 22px; padding-bottom: 16px; border-bottom: 1px solid #f3f4f6; }
.pf-card-icon { color: #22c55e; font-size: 18px; }
.pf-card-title { font-size: 17px; font-weight: 800; color: #111827; margin: 0; }

.pf-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 20px; }
.pf-col-span-2 { grid-column: span 2; }
.pf-field { display: flex; flex-direction: column; gap: 6px; }
.pf-mb-16 { margin-bottom: 16px; }
.pf-label { font-size: 13px; font-weight: 700; color: #374151; }
.pf-input {
    width: 100%;
    padding: 11px 14px;
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    font-size: 14px;
    color: #111827;
    outline: none;
    transition: border-color 0.15s, box-shadow 0.15s;
    box-sizing: border-box;
    font-family: inherit;
    background: #fff;
}
.pf-input:focus { border-color: #22c55e; box-shadow: 0 0 0 3px rgba(34,197,94,0.12); }
.pf-input-error { border-color: #f87171; }
.pf-error { font-size: 12px; color: #ef4444; margin: 0; }

.pf-btn { display: inline-flex; align-items: center; gap: 8px; padding: 11px 24px; border-radius: 10px; font-size: 14px; font-weight: 700; cursor: pointer; border: none; text-decoration: none; transition: background 0.15s, transform 0.1s; }
.pf-btn:active { transform: scale(0.98); }
.pf-btn-primary { background: #22c55e; color: #fff; }
.pf-btn-primary:hover { background: #16a34a; }
.pf-btn-dark { background: #111827; color: #fff; }
.pf-btn-dark:hover { background: #1f2937; }
.pf-btn-danger-outline { background: #fff; border: 1.5px solid #fca5a5; color: #dc2626; }
.pf-btn-danger-outline:hover { background: #dc2626; color: #fff; border-color: #dc2626; }

.pf-danger-zone {
    background: #fff5f5;
    border: 1.5px solid #fecaca;
    border-radius: 18px;
    padding: 24px;
}
.pf-danger-title { font-size: 16px; font-weight: 800; color: #dc2626; margin: 0 0 6px; }
.pf-danger-text { font-size: 13.5px; color: #ef4444; margin: 0 0 16px; line-height: 1.6; }

@media (max-width: 900px) {
    .pf-layout { grid-template-columns: 1fr; }
    .pf-avatar-card { display: flex; align-items: center; gap: 16px; text-align: left; padding: 20px; }
    .pf-avatar-wrap { margin-bottom: 0; flex-shrink: 0; }
    .pf-avatar-email { margin-bottom: 8px; }
    .pf-nav { display: flex; flex-wrap: wrap; gap: 4px; }
    .pf-nav-item { margin-bottom: 0; }
}
@media (max-width: 600px) {
    .pf-page { padding: 24px 0 48px; }
    .pf-heading { font-size: 22px; margin-bottom: 20px; }
    .pf-grid-2 { grid-template-columns: 1fr; }
    .pf-col-span-2 { grid-column: span 1; }
    .pf-wallet-card { flex-direction: column; align-items: flex-start; }
}

/* ── Wallet Page ────────────────────────────────────────── */
.wl-stats-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
}
.wl-balance-card {
    grid-column: span 1;
    background: linear-gradient(135deg, #16a34a 0%, #22c55e 100%);
    border-radius: 18px;
    padding: 24px;
    color: #fff;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(34,197,94,0.25);
}
.wl-balance-label { font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px; color: rgba(255,255,255,0.8); margin-bottom: 8px; }
.wl-balance-amount { font-size: 36px; font-weight: 900; line-height: 1; margin-bottom: 4px; }
.wl-balance-hint { font-size: 12px; color: rgba(255,255,255,0.7); }
.wl-balance-icon-bg {
    position: absolute;
    right: 16px;
    bottom: 14px;
    font-size: 48px;
    color: rgba(255,255,255,0.15);
    line-height: 1;
}
.wl-stat-card {
    background: #fff;
    border-radius: 18px;
    padding: 22px 20px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.wl-stat-icon { width: 38px; height: 38px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 14px; }
.wl-stat-icon-green { background: #f0fdf4; color: #16a34a; }
.wl-stat-icon-red   { background: #fff5f5; color: #ef4444; }
.wl-stat-label { font-size: 12.5px; color: #6b7280; font-weight: 600; }
.wl-stat-value { font-size: 22px; font-weight: 900; color: #111827; }

.wl-info-banner {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 14px;
    padding: 14px 18px;
}
.wl-info-icon { color: #3b82f6; font-size: 15px; flex-shrink: 0; margin-top: 1px; }
.wl-info-text { font-size: 13.5px; color: #1e40af; line-height: 1.65; margin: 0; }

.wl-tx-list { }
.wl-tx-row {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 24px;
    border-bottom: 1px solid #f9fafb;
    transition: background 0.1s;
}
.wl-tx-row:last-child { border-bottom: 0; }
.wl-tx-row:hover { background: #fafafa; }
.wl-tx-dot {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}
.wl-tx-dot-green { background: #f0fdf4; color: #16a34a; }
.wl-tx-dot-red   { background: #fff5f5; color: #ef4444; }
.wl-tx-info { flex: 1; min-width: 0; }
.wl-tx-desc { font-size: 14px; font-weight: 600; color: #111827; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wl-tx-meta { font-size: 12px; color: #9ca3af; margin-top: 2px; display: flex; align-items: center; gap: 8px; }
.wl-tx-ref { background: #f3f4f6; color: #6b7280; padding: 1px 7px; border-radius: 10px; font-size: 11.5px; font-weight: 600; text-transform: capitalize; }
.wl-tx-amount { flex-shrink: 0; text-align: right; }
.wl-tx-val { font-size: 15px; font-weight: 900; }
.wl-tx-credit { color: #16a34a; }
.wl-tx-debit  { color: #ef4444; }
.wl-tx-bal { font-size: 11.5px; color: #9ca3af; margin-top: 2px; }

.wl-empty { padding: 56px 20px; text-align: center; }
.wl-empty-icon { width: 64px; height: 64px; background: #f3f4f6; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; }
.wl-empty-icon i { font-size: 24px; color: #d1d5db; }
.wl-empty-title { font-size: 15px; font-weight: 700; color: #374151; margin: 0 0 6px; }
.wl-empty-text  { font-size: 13.5px; color: #9ca3af; margin: 0; }

@media (max-width: 700px) {
    .wl-stats-grid { grid-template-columns: 1fr 1fr; }
    .wl-balance-card { grid-column: span 2; }
    .wl-tx-row { padding: 12px 16px; }
}

/* ── Refund Request Pages ───────────────────────────────── */
.pf-back-link { display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:#16a34a;text-decoration:none;transition:color 0.15s; }
.pf-back-link:hover { color:#15803d; }
.rf-order-summary { background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:16px 20px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:20px; }
.rf-order-summary-row { display:flex;flex-direction:column;gap:3px; }
.rf-label { font-size:11.5px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:0.4px; }
.rf-value { font-size:15px;font-weight:700;color:#111827; }
.rf-green { color:#16a34a; }
.rf-policy-note { display:flex;gap:10px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:12px 16px;font-size:13px;color:#1e40af;line-height:1.65; }
.rf-policy-note p { margin:0; }
.rf-list { }
.rf-list-row { display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid #f3f4f6; }
.rf-list-row:last-child { border-bottom:0; }
.rf-list-main { flex:1;min-width:0; }
.rf-list-order { font-size:14px;font-weight:700;color:#111827; }
.rf-list-reason { font-size:13px;color:#6b7280;margin-top:2px; }
.rf-list-date { font-size:12px;color:#9ca3af;margin-top:3px; }
.rf-list-right { text-align:right;flex-shrink:0; }
.rf-amount { font-size:16px;font-weight:900;color:#111827; }
.rf-note-preview { font-size:12px;color:#6b7280;margin-top:4px;max-width:200px; }
.rf-badge { display:inline-flex;align-items:center;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:700;margin-top:4px; }
.rf-badge-success { background:#dcfce7;color:#16a34a; }
.rf-badge-danger  { background:#fee2e2;color:#dc2626; }
.rf-badge-warning { background:#fef3c7;color:#92400e; }