/* Extracted from frame_detail.php — page-specific layout only. Shared theme/navbar lives in store_theme.css. */
        .page-shell{max-width:1120px}

        .content-wrap{padding-top:18px;padding-bottom:45px}
        .breadcrumb-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
        .back-link{display:inline-flex;align-items:center;gap:7px;color:#174577;font-weight:900}
        .available{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;color:#0c6a3c;background:#effff7;border:1px solid rgba(12,106,60,.14);font-size:.76rem;font-weight:900}
        .product-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:18px}
        .panel{border:1px solid var(--line);border-radius:26px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}
        .gallery-main{position:relative;display:grid;place-items:center;min-height:520px;background:linear-gradient(135deg,#eef6ff,#fff8dc)}
        .main-photo{width:100%;height:100%;max-height:680px;object-fit:contain;display:block;background:#f5f8fc}
        .photo-empty{width:100%;min-height:520px;display:grid;place-items:center;color:#55749a;font-size:4rem}
        .photo-counter{position:absolute;left:14px;bottom:14px;padding:6px 11px;border-radius:999px;color:#fff;background:rgba(8,24,45,.72);font-size:.75rem;font-weight:800}
        .thumb-strip{display:flex;gap:9px;padding:12px;overflow-x:auto;border-top:1px solid var(--line)}
        .thumb{width:72px;height:72px;flex:0 0 72px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:15px;background:#edf4fb}
        .thumb.active{border-color:var(--gold-3);box-shadow:0 0 0 3px rgba(255,213,106,.20)}
        .thumb img{width:100%;height:100%;object-fit:cover;display:block}
        .product-info{padding:24px}
        .eyebrow{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;color:#815c00;background:rgba(255,213,106,.22);font-size:.74rem;font-weight:900}
        .product-title{margin:13px 0 7px;color:#0b3268;font-size:clamp(1.45rem,4vw,2.25rem);font-weight:900;line-height:1.18}
        .product-code{color:var(--muted);font-weight:700}
        .price-card{margin-top:18px;padding:16px;border:1px solid rgba(215,164,35,.22);border-radius:20px;background:linear-gradient(135deg,#fffdf4,#fff4bd)}
        .price-label{color:#7a5a00;font-size:.76rem;font-weight:800}.price-value{margin-top:3px;color:#9c6500;font-size:1.7rem;font-weight:900}.price-note{margin-top:5px;color:#846f47;font-size:.72rem;font-weight:600}
        .facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
        .fact{padding:12px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#f8fbff,#fff)}
        .fact-label{color:var(--muted);font-size:.7rem;font-weight:700}.fact-value{margin-top:3px;color:#143e70;font-weight:900;word-break:break-word}
        .section{margin-top:18px;padding:22px;border:1px solid var(--line);border-radius:26px;background:var(--surface);box-shadow:var(--shadow)}
        .section-title{margin:0;color:#0b3268;font-size:1.2rem;font-weight:900}.section-sub{margin-top:5px;color:var(--muted);font-size:.82rem;font-weight:600}
        .socket-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:18px;margin-top:16px}
        .socket-card{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff}
        .socket-image,.socket-image-empty{width:100%;aspect-ratio:1/1;display:block;background:linear-gradient(135deg,#e9fff4,#fff4bd)}
        .socket-image{object-fit:contain}.socket-image-empty{display:grid;place-items:center;color:#277558;font-size:3rem}
        .socket-body{padding:14px}.socket-code{color:#0b3268;font-size:1.05rem;font-weight:900}.socket-note{margin-top:7px;color:var(--muted);font-size:.82rem;line-height:1.55}
        .amulet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:12px}
        .amulet-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 25px rgba(18,50,92,.08)}
        .amulet-photo,.amulet-photo-empty{width:100%;aspect-ratio:1/1;display:block;background:linear-gradient(135deg,#edf5ff,#fff8db)}
        .amulet-photo{object-fit:cover}.amulet-photo-empty{display:grid;place-items:center;color:#55749a;font-size:2rem}
        .amulet-name{padding:10px;color:#143e70;font-size:.82rem;font-weight:900;text-align:center;line-height:1.35}
        .empty-state{padding:36px 18px;border:1px dashed rgba(13,43,82,.18);border-radius:20px;color:var(--muted);background:rgba(248,251,255,.78);text-align:center;font-weight:800}
        .empty-icon{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 10px;border-radius:20px;color:#174577;font-size:1.7rem;background:linear-gradient(135deg,#edf5ff,#fff2b7)}
        .error-detail{max-width:780px;margin:32px auto;padding:24px;border:1px solid rgba(190,45,45,.15);border-radius:24px;background:#fff;box-shadow:var(--shadow);text-align:center}
        .debug-error{margin-top:12px;padding:10px;border-radius:12px;color:#8a1c1c;background:#fff2f2;font-family:monospace;font-size:.75rem;word-break:break-word;text-align:left}
        .page-footer{margin-top:28px;padding:18px;color:var(--muted);text-align:center;font-size:.78rem;font-weight:600}
        @media(max-width:899.98px){.product-shell{grid-template-columns:1fr}.gallery-main,.photo-empty{min-height:360px}.socket-layout{grid-template-columns:1fr}.socket-card{max-width:480px}.amulet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
        @media(max-width:575.98px){.container{padding-left:10px;padding-right:10px}.content-wrap{padding-top:11px}.product-info{padding:17px}.gallery-main,.photo-empty{min-height:300px}.thumb{width:59px;height:59px;flex-basis:59px}.facts{gap:7px}.fact{padding:9px}.section{padding:15px;border-radius:21px}.amulet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.amulet-name{padding:8px;font-size:.74rem}}
        @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
