/* Flask/Jinja sürümündeki ön yüz davranışlarının PHP portu. */
.navbar{overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important;background:linear-gradient(180deg,rgba(10,10,12,.97) 0%,rgba(10,10,12,.91) 72%,rgba(10,10,12,.72) 100%)!important;padding:22px 0 28px!important;border-bottom:1px solid rgba(255,255,255,.045)!important;box-shadow:0 14px 30px rgba(0,0,0,.18)}
.navbar .container,.nav-links,.nav-links .nav-item{overflow:visible!important}
.nav-links .nav-item{position:relative;display:flex;align-items:center;min-height:38px}
.nav-main-link{display:inline-flex!important;align-items:center;gap:6px;padding:9px 0!important}
.nav-main-link svg{width:14px;height:14px}
.nav-submenu{position:absolute;top:calc(100% + 6px);left:0;transform:translateY(10px);min-width:240px;max-width:min(340px,calc(100vw - 32px));max-height:min(66vh,440px);overflow-y:auto;padding:10px;background:rgba(13,13,16,.99);border:1px solid var(--color-border);border-radius:13px;box-shadow:0 24px 55px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.025);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s ease;z-index:5000}
.nav-submenu::before{content:'';position:absolute;left:0;right:0;top:-12px;height:14px}
.nav-item:hover .nav-submenu,.nav-item:focus-within .nav-submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.nav-submenu a{display:flex!important;align-items:center;min-height:42px;padding:10px 12px!important;border-radius:9px;color:var(--color-text-muted)!important;font-size:.82rem!important;line-height:1.3!important;white-space:normal!important;word-break:break-word!important}
.nav-submenu a:hover{background:var(--color-primary-glow);color:#fff!important;padding-left:16px!important}
.nav-submenu a::after{display:none!important}.nav-item:nth-last-child(-n+2) .nav-submenu{left:auto;right:0}
.scroll-top-button{position:fixed;right:24px;bottom:24px;width:54px;height:54px;border:1px solid color-mix(in srgb,var(--color-primary) 72%,#fff 10%);border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--color-primary) 88%,#fff 6%),color-mix(in srgb,var(--color-primary) 64%,#000 30%));color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:6000;opacity:0;visibility:hidden;transform:translateY(18px) scale(.88);transition:.28s cubic-bezier(.2,.8,.2,1);box-shadow:0 14px 32px rgba(0,0,0,.38),0 0 22px var(--color-primary-glow),inset 0 1px 0 rgba(255,255,255,.22);overflow:hidden}
.scroll-top-button::before{content:'';position:absolute;inset:-45%;background:conic-gradient(from 180deg,transparent,rgba(255,255,255,.36),transparent 28%);animation:scrollTopSpin 4s linear infinite}.scroll-top-button i{position:relative;z-index:2;width:24px;height:24px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.35))}.scroll-top-button.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.scroll-top-button:hover{transform:translateY(-5px) scale(1.06);box-shadow:0 18px 38px rgba(0,0,0,.44),0 0 34px var(--color-primary-glow)}@keyframes scrollTopSpin{to{transform:rotate(360deg)}}
.footer-socials{display:flex;gap:11px;flex-wrap:wrap;margin-top:20px}.footer-social-link{--social-main:#394150;--social-dark:#171b22;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:9px 15px;border:1px solid rgba(255,255,255,.13);border-radius:11px;color:#fff!important;font-size:.79rem;font-weight:700;letter-spacing:.01em;background:linear-gradient(145deg,var(--social-main),var(--social-dark));box-shadow:0 9px 0 color-mix(in srgb,var(--social-dark) 78%,#000),0 14px 24px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.22);overflow:hidden;transform:translateY(0);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.footer-social-link::before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.2) 45%,transparent 70%);transform:translateX(-130%);transition:transform .48s ease;z-index:-1}.footer-social-link:hover{color:#fff!important;padding-left:15px!important;transform:translateY(-5px);filter:saturate(1.12);box-shadow:0 12px 0 color-mix(in srgb,var(--social-dark) 80%,#000),0 19px 30px rgba(0,0,0,.38),0 0 19px color-mix(in srgb,var(--social-main) 60%,transparent),inset 0 1px 0 rgba(255,255,255,.28)}.footer-social-link:hover::before{transform:translateX(130%)}.footer-social-link:active{transform:translateY(3px);box-shadow:0 4px 0 color-mix(in srgb,var(--social-dark) 80%,#000),0 8px 16px rgba(0,0,0,.28)}.footer-social-link svg{width:17px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.28))}.footer-social-link.social-telegram{--social-main:#229ed9;--social-dark:#126c99}.footer-social-link.social-discord{--social-main:#5865f2;--social-dark:#3942a8}.footer-social-link.social-instagram{--social-main:#ee2a7b;--social-dark:#6228d7;background:linear-gradient(145deg,#f9ce34 0%,#ee2a7b 43%,#6228d7 100%)}.footer-social-link.social-facebook{--social-main:#1877f2;--social-dark:#0c4fa8}.footer-social-link.social-tiktok{--social-main:#25f4ee;--social-dark:#fe2c55;background:linear-gradient(145deg,#111 0%,#111 42%,#25f4ee 43%,#fe2c55 100%)}.footer-social-link.social-youtube{--social-main:#ff0000;--social-dark:#9b0000}.footer-social-link.disabled{opacity:.42;pointer-events:none;filter:grayscale(.45)}.footer-trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.footer-trust{font-size:.75rem;color:#cbd5e1;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.detail-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:start}.detail-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.35);overflow:hidden}.detail-panel{background:linear-gradient(180deg,var(--color-primary-glow) 0%,rgba(18,18,21,1) 35%);border:1px solid var(--color-border);border-radius:14px;padding:28px}.product-badge-animated{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;box-shadow:0 0 22px var(--color-primary-glow);animation:badgePulse 2.2s ease-in-out infinite}.product-badge-animated.alt{background:linear-gradient(90deg,rgba(255,166,0,.95),rgba(255,72,0,.95));box-shadow:0 0 22px rgba(255,136,0,.22)}@keyframes badgePulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.02)}}.quick-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.quick-feature{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);color:#fff;font-size:.92rem}.quick-feature i{color:var(--color-primary)}.pricing-strip{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding-top:20px;margin-top:24px;border-top:1px solid var(--color-border)}.description-box{margin-top:26px;padding:24px;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:14px}.description-box h2{font-size:1.4rem;margin-bottom:16px}.description-content{line-height:1.75;color:#d5d8e3}.description-content p,.description-content li,.description-content div,.description-content span{color:#d5d8e3}.description-content ul,.description-content ol{padding-left:20px;margin:12px 0}.video-frame-wrap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#050506;border-top:1px solid var(--color-border)}.video-frame-wrap iframe{position:absolute;inset:0;width:100%;height:100%}.empty-video-box{display:flex;align-items:center;justify-content:center;min-height:280px;flex-direction:column;gap:10px;color:var(--color-text-muted);background:radial-gradient(circle at top,var(--color-primary-glow),rgba(0,0,0,.18))}
@media(max-width:980px){.footer-content{grid-template-columns:repeat(2,minmax(0,1fr))!important}.detail-layout{grid-template-columns:1fr}.pricing-strip{flex-direction:column;align-items:flex-start}.quick-features{grid-template-columns:1fr}}
@media(max-width:900px){.navbar{padding-bottom:18px!important}.nav-links .nav-item{width:100%;flex-direction:column}.nav-submenu{position:static;transform:none!important;opacity:1;visibility:visible;display:none;box-shadow:none;width:min(100%,340px);max-width:100%;max-height:none;overflow:visible;margin-top:6px}.nav-item:hover .nav-submenu,.nav-item:focus-within .nav-submenu{display:block}.nav-main-link{justify-content:center}}
@media(max-width:640px){.scroll-top-button{right:15px;bottom:15px;width:48px;height:48px;border-radius:15px}.footer-content{grid-template-columns:1fr!important}.footer-social-link{flex:1;min-width:135px}}

/* === Birebir Flask/Jinja kamu sayfasi stilleri === */


/* source: dashboard.html */
.dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;flex-wrap:wrap}.dashboard-head-actions{display:flex;gap:12px;flex-wrap:wrap}.dashboard-head-btn{padding:10px 18px}.dashboard-head-btn svg{width:18px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.75fr);gap:28px;align-items:start}.dashboard-box{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:16px;padding:22px;box-shadow:0 14px 36px rgba(0,0,0,.2)}.dashboard-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.dashboard-count{font-size:.8rem;color:var(--color-text-muted)}
        .order-user-card{padding:18px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:linear-gradient(160deg,#0b0b0e,#09090b);margin-bottom:14px;box-shadow:0 10px 24px rgba(0,0,0,.16);transition:border-color .2s ease,transform .2s ease}.order-user-card:hover{border-color:color-mix(in srgb,var(--color-primary) 38%,var(--color-border));transform:translateY(-2px)}.order-top{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-start}.order-name-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:6px}.order-delivery-badge{position:static!important;padding:5px 9px!important;border-radius:8px!important;background:rgba(255,255,255,.065)!important;color:#fff!important;font-size:.7rem!important}.order-price{font-size:1.35rem;font-family:var(--font-display);color:var(--color-primary)}.order-state-note{display:flex;align-items:center;gap:9px;margin-top:14px;padding:12px 14px;border-radius:11px;font-size:.86rem;font-weight:700;border:1px solid transparent}.order-state-note svg{width:18px;flex:0 0 auto}.order-state-cancelled{color:#fda4af;background:rgba(239,68,68,.075);border-color:rgba(239,68,68,.22)}.order-state-ready{color:#86efac;background:rgba(34,197,94,.075);border-color:rgba(34,197,94,.22)}.order-state-wait{color:#fde68a;background:rgba(245,158,11,.065);border-color:rgba(245,158,11,.2)}
        .delivery-toggle{margin-top:12px;width:100%;min-height:45px;border:1px solid color-mix(in srgb,var(--color-primary) 65%,transparent);border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--color-primary) 88%,#fff 4%),color-mix(in srgb,var(--color-primary) 64%,#000 28%));color:#fff;font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;box-shadow:0 10px 22px rgba(0,0,0,.32),0 0 18px var(--color-primary-glow),inset 0 1px 0 rgba(255,255,255,.22);transition:transform .22s ease,box-shadow .22s ease}.delivery-toggle:hover{transform:translateY(-3px);box-shadow:0 16px 28px rgba(0,0,0,.38),0 0 28px var(--color-primary-glow),inset 0 1px 0 rgba(255,255,255,.26)}.delivery-toggle svg{width:17px}.delivery-toggle .toggle-chevron{transition:transform .2s ease}.delivery-toggle.is-open .toggle-chevron{transform:rotate(180deg)}.delivery-user-box{display:none;margin-top:12px;padding:15px;border:1px solid rgba(34,197,94,.22);border-radius:12px;background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(255,255,255,.012));animation:deliveryOpen .22s ease}.delivery-user-box.open{display:block}@keyframes deliveryOpen{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.delivery-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#4ade80;font-weight:800}.delivery-value{padding:10px 12px;border-radius:9px;background:#070709;border:1px solid rgba(255,255,255,.065);font-family:monospace;word-break:break-all}.copy-delivery{border:1px solid color-mix(in srgb,var(--color-primary) 64%,transparent);background:linear-gradient(145deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 70%,#000));color:#fff;border-radius:9px;padding:9px 11px;cursor:pointer;font-weight:800;box-shadow:0 7px 15px rgba(0,0,0,.24),0 0 13px var(--color-primary-glow)}.delivery-actions{display:flex;gap:10px;flex-wrap:wrap}.delivery-action-btn{padding:10px 14px!important;font-size:.78rem!important;box-shadow:0 8px 17px rgba(0,0,0,.23)}
        .ticket-form{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:20px}.ticket-form-control{display:block;width:100%!important;max-width:100%!important;min-width:0!important;padding:12px 13px!important;background:#09090c!important;border:1px solid var(--color-border)!important;border-radius:9px!important;color:#fff!important;font-family:inherit!important;font-size:.9rem!important;line-height:1.4!important;outline:none!important;box-sizing:border-box!important}.ticket-form-control:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px var(--color-primary-glow)!important}.ticket-form textarea.ticket-form-control{height:104px!important;min-height:104px!important;resize:vertical!important}.ticket-submit{width:100%;padding:11px!important}.ticket-limit-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;margin-bottom:14px;border-radius:10px;border:1px solid var(--color-border);background:rgba(255,255,255,.025);font-size:.82rem}.ticket-mini{display:block;padding:14px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:#0b0b0e;margin-top:10px;transition:.22s ease}.ticket-mini:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 9px 22px rgba(0,0,0,.2),0 0 16px var(--color-primary-glow)}.ticket-status{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase}.ticket-open{color:#fbbf24;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.24)}.ticket-resolved{color:#4ade80;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.24)}.ticket-closed{color:#94a3b8;background:rgba(148,163,184,.1);border:1px solid rgba(148,163,184,.2)}.user-unread{min-width:22px;height:22px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-size:.72rem;font-weight:800}.dashboard-pagination{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:18px}.dashboard-page{min-width:38px;height:38px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--color-border);background:#0b0b0e;color:#fff}.dashboard-page:hover,.dashboard-page.active{border-color:var(--color-primary);background:var(--color-primary-glow);box-shadow:0 0 18px var(--color-primary-glow)}
        @media(max-width:980px){.dashboard-grid{grid-template-columns:1fr}}@media(max-width:560px){.dashboard-box{padding:15px}.order-user-card{padding:14px}.dashboard-head-actions{width:100%}.dashboard-head-btn{flex:1}.order-top>div:last-child{text-align:left!important}}


/* source: account_settings.html */
.account-settings-page{padding:64px 24px 96px}.account-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:28px}.account-head h1{font-size:2.35rem;margin-bottom:8px}.account-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:24px;align-items:start}.account-card{background:linear-gradient(155deg,rgba(255,255,255,.025),rgba(255,255,255,.008));border:1px solid var(--color-border);border-radius:18px;padding:24px;box-shadow:0 18px 45px rgba(0,0,0,.24)}.profile-orb{width:82px;height:82px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 58%,#050507));box-shadow:0 0 28px var(--color-primary-glow),inset 0 1px 0 rgba(255,255,255,.3);font-family:var(--font-display);font-size:2rem;font-weight:900;margin-bottom:18px}.current-row{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.06)}.current-row:last-child{border-bottom:0}.current-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:4px}.current-value{color:#fff;word-break:break-word}.approval-note{display:flex;gap:11px;padding:14px;border:1px solid rgba(245,158,11,.24);background:rgba(245,158,11,.075);color:#fde68a;border-radius:12px;margin-bottom:18px;font-size:.86rem}.approval-note svg{width:20px;flex:0 0 auto}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.settings-field{display:flex;flex-direction:column;gap:7px}.settings-field.full{grid-column:1/-1}.settings-field label{font-size:.82rem;font-weight:700;color:#d8dbe5}.settings-input{width:100%;padding:13px 14px;background:#08080b;border:1px solid var(--color-border);border-radius:10px;color:#fff;font:inherit;outline:none;transition:.2s ease}.settings-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}textarea.settings-input{min-height:112px;resize:vertical}.settings-divider{grid-column:1/-1;height:1px;background:var(--color-border);margin:4px 0}.submit-account-change{grid-column:1/-1;min-height:50px}.request-history{margin-top:24px}.history-item{padding:16px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:#0a0a0d;margin-top:11px}.history-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.request-status{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.request-pending{color:#fbbf24;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.25)}.request-approved{color:#4ade80;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.25)}.request-rejected{color:#f87171;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.25)}.change-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.change-chip{padding:5px 8px;border-radius:7px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);font-size:.74rem;color:#d8dbe5}@media(max-width:900px){.account-layout{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.settings-field.full,.settings-divider,.submit-account-change{grid-column:1}}


/* source: product.html */
.detail-layout {
            display: grid;
            grid-template-columns: 1.05fr 0.95fr;
            gap: 32px;
            align-items: start;
        }
        .detail-card {
            background: var(--color-bg-surface);
            border: 1px solid var(--color-border);
            border-radius: 14px;
            box-shadow: 0 8px 30px rgba(0,0,0,0.35);
            overflow: hidden;
        }
        .detail-panel {
            background: linear-gradient(180deg, rgba(255,42,42,0.06) 0%, rgba(18,18,21,1) 35%);
            border: 1px solid var(--color-border);
            border-radius: 14px;
            padding: 28px;
        }
        .product-badge-animated {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 16px;
            border-radius: 999px;
            font-size: 0.82rem;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: #fff;
            background: linear-gradient(90deg, rgba(255,42,42,0.82), rgba(255,96,96,0.98));
            box-shadow: 0 0 22px rgba(255,42,42,0.22);
            animation: badgePulse 2.2s ease-in-out infinite;
        }
        .product-badge-animated.alt {
            background: linear-gradient(90deg, rgba(255,166,0,0.95), rgba(255,72,0,0.95));
            box-shadow: 0 0 22px rgba(255,136,0,0.22);
        }
        @keyframes badgePulse {
            0%,100% { transform: translateY(0) scale(1); }
            50% { transform: translateY(-2px) scale(1.02); }
        }
        .quick-features {
            display: grid;
            grid-template-columns: repeat(2, minmax(0,1fr));
            gap: 12px;
            margin-top: 24px;
        }
        .quick-feature {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 12px 14px;
            border-radius: 10px;
            background: rgba(255,255,255,0.03);
            border: 1px solid rgba(255,255,255,0.06);
            color: #fff;
            font-size: 0.92rem;
        }
        .quick-feature i { color: var(--color-primary); }
        .pricing-strip {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            gap: 16px;
            padding-top: 20px;
            margin-top: 24px;
            border-top: 1px solid var(--color-border);
        }
        .description-box {
            margin-top: 26px;
            padding: 24px;
            background: var(--color-bg-surface);
            border: 1px solid var(--color-border);
            border-radius: 14px;
        }
        .description-box h2 { font-size: 1.4rem; margin-bottom: 16px; }
        .description-content {
            line-height: 1.75;
            color: #d5d8e3;
        }
        .description-content p,
        .description-content li,
        .description-content div,
        .description-content span { color: #d5d8e3; }
        .description-content ul,
        .description-content ol { padding-left: 20px; margin: 12px 0; }
        .video-frame-wrap {
            position: relative;
            padding-bottom: 56.25%;
            height: 0;
            overflow: hidden;
            background: #050506;
            border-top: 1px solid var(--color-border);
        }
        .video-frame-wrap iframe {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
        }
        .empty-video-box {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 280px;
            flex-direction: column;
            gap: 10px;
            color: var(--color-text-muted);
            background: radial-gradient(circle at top, rgba(255,42,42,0.08), rgba(0,0,0,0.18));
        }
        @media (max-width: 992px) {
            .detail-layout { grid-template-columns: 1fr; }
            .pricing-strip { flex-direction: column; align-items: flex-start; }
            .quick-features { grid-template-columns: 1fr; }
        }

