:root{font-family:Manrope,IBM Plex Sans Thai,sans-serif;color-scheme:dark;color:#f0edf7;background:#141418;--bg:#141418;--panel:#1c1b21;--panel2:#242229;--border:#302d37;--muted:#9d98aa;--accent:#baa5f0;--accent-ink:#22192e;--radius:15px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}h1{font-size:clamp(32px,4vw,56px);letter-spacing:-1.5px}h2{font-size:clamp(22px,2.2vw,29px);line-height:1.4}h3{font-size:17px}p{line-height:1.75}small,.small-text{font-size:12px}.muted{color:var(--muted)}.eyebrow{display:block;font-size:11px;letter-spacing:2.5px;color:var(--accent);font-weight:800;text-transform:uppercase;margin-bottom:8px}.site{min-height:100vh;display:flex;flex-direction:column}.shell{width:100%;max-width:1460px;margin:0 auto;padding:36px 40px 80px;flex:1}.topbar{height:84px;background:#18171c;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:40}.nav{max-width:1590px;height:100%;margin:auto;padding:0 40px;display:flex;align-items:center;gap:48px}.brand{background:transparent;border:0;color:inherit;display:flex;align-items:center;gap:12px;padding:0;font-size:23px;font-weight:800;letter-spacing:-.8px;white-space:nowrap}.brand-mark{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink)}.main-nav{height:100%;display:flex;align-items:stretch;gap:27px}.main-nav button{border:0;background:transparent;color:#b9b5c2;padding:0 2px;position:relative;font-size:14px;font-weight:600}.main-nav button.active,.main-nav button:hover{color:#fff}.main-nav button.active:after{position:absolute;content:"";height:3px;background:var(--accent);left:0;right:0;bottom:0;border-radius:2px}.nav-actions{display:flex;align-items:center;gap:18px;margin-left:auto}.nav-icon{border:0;background:transparent;position:relative;color:#f0edf7;padding:10px}.count{position:absolute;top:-3px;right:-6px;background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:900;border-radius:99px;padding:1px 6px}.account{border:1px solid var(--border);border-radius:99px;background:#24212c;color:inherit;display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:12px}.demo-banner,.setup-banner{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:9px 40px;background:#322739;border-bottom:1px solid #5c4974;color:#ebdafe;font-size:12px}.demo-banner div{display:flex;gap:8px}.demo-banner button{border:1px solid #67587c;background:transparent;color:#f2e8ff;padding:4px 13px;border-radius:8px;font-size:11px}.demo-banner button.selected{background:var(--accent);color:#25192f;border-color:var(--accent)}.setup-banner{justify-content:center;background:#3a2823;border-color:#795747}.notice{position:fixed;z-index:90;right:22px;bottom:22px;display:flex;gap:15px;align-items:center;background:#30273d;border:1px solid #866baf;color:#fff;padding:12px 16px;border-radius:12px;max-width:380px;box-shadow:0 14px 50px #0006;font-size:13px}.error-box{display:flex;align-items:center;gap:10px;border:1px solid #97565a;background:#382328;border-radius:11px;padding:12px 16px;margin-bottom:20px;color:#f8c6c7;font-size:13px}.error-box button{margin-left:auto;background:transparent;border:0;color:inherit;text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#2a2632;color:#eee8f5;border:1px solid #41374c;border-radius:10px;font-weight:700;white-space:nowrap;padding:12px 19px;font-size:13px;transition:background .15s,filter .15s}.btn:hover:not(:disabled){filter:brightness(1.13)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.secondary{background:#302a39;border-color:#494052}.btn.ghost{background:transparent;border-color:transparent;color:var(--accent)}.btn.small{font-size:12px;padding:8px 12px}.btn.full{width:100%}.btn.line{background:#0c9350;border-color:#0c9350;color:#fff;flex:1}.btn.facebook{background:#2674d8;border-color:#2674d8;color:#fff;flex:1}.btn.disabled{opacity:.35;cursor:not-allowed;flex:1;overflow:hidden}.text-button{border:0;background:none;color:#c5aef9;font-size:12px;text-decoration:underline;padding:5px}.icon-button{border:0;background:transparent;color:var(--muted);padding:6px;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{color:#fff}.danger-button:hover,.danger-text{color:#ffa6ae}.hero{min-height:355px;display:flex;justify-content:space-between;align-items:center;padding:38px 68px;margin-bottom:50px;background:radial-gradient(circle at 83% 50%,#463252 0,transparent 40%),linear-gradient(120deg,#292230,#18161e 67%);border:1px solid #3a3044;border-radius:21px;overflow:hidden;gap:35px}.hero h1{line-height:1.26;margin-bottom:14px}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{color:#bdb5c9;max-width:470px;margin-bottom:22px;font-size:14px}.hero-graphic{width:30%;min-width:210px;aspect-ratio:1;max-width:250px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:#d7c4ff;background:radial-gradient(circle,#67507899 0,#4a385f55 43%,transparent 70%);font-weight:800;letter-spacing:2px;font-size:10px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:24px}.section-heading h2 span{font-size:15px;font-weight:400;margin-left:12px}.catalog-section{scroll-margin-top:105px}.filter-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:17px}.filter-bar>input,.filter-bar>select,.search-field,.select-field{background:var(--panel);border:1px solid #3a3542;border-radius:9px;color:#eee8f5;min-height:46px;padding:0 14px}.search-field,.select-field{display:flex;align-items:center;gap:9px;color:var(--muted)}.search-field{flex:1;min-width:235px}.search-field input,.select-field select{border:0;background:transparent;outline:0;width:100%;color:#eee8f5;min-height:43px}.search-field input::placeholder{color:#827c8b}.select-field select{min-width:165px}.filter-bar>select{min-width:170px}.tag-filters{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.tag-filters .muted{display:flex;align-items:center;gap:5px;margin-right:4px;font-size:12px}.tag-chip{padding:6px 12px;background:#24212b;border:1px solid #484050;border-radius:30px;color:#bdb2ce;font-size:12px}button.tag-chip.on{background:#4a3860;color:#f1e7ff;border-color:var(--accent)}.product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.product-card{text-align:left;display:block;border:1px solid var(--border);border-radius:14px;background:#1b1a20;color:inherit;overflow:hidden;padding:0;transition:transform .18s,border-color .18s;min-width:0}.product-card:hover{transform:translateY(-3px);border-color:#76618f}.product-frame{position:relative}.product-photo{aspect-ratio:4/4.5;width:100%;background:linear-gradient(135deg,#41344c,#25222e 67%);display:grid;place-items:center;overflow:hidden}.product-photo>span{font-size:82px;filter:drop-shadow(2px 8px 13px #0005)}.product-photo img{height:100%;width:100%;object-fit:cover}.product-photo.large{aspect-ratio:1}.product-photo.large>span{font-size:116px}.flag,.discount-flag{position:absolute;top:10px;left:10px;font-size:10px;padding:5px 9px;border-radius:5px;background:#bdabeb;color:#251c32;font-weight:800}.discount-flag{left:auto;right:10px;background:#efabbd}.product-info{padding:14px 15px 16px;display:flex;flex-direction:column;gap:7px}.product-category{color:var(--accent);font-size:11px}.product-info h3{font-size:14px;line-height:1.5;min-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.price-group{display:flex;gap:9px;align-items:baseline;flex-wrap:wrap}.price{color:#d5baff;font-size:16px}.old-price{font-size:11px;color:#827988}.stock-label{font-size:11px;color:var(--muted)}.footer{background:#19171d;border-top:1px solid var(--border);font-size:12px;color:#938b9c}.footer-inner{max-width:1460px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:28px 40px;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:8px;color:#e4d5ff;font-weight:800}.footer a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.footer-credit{color:#a99ab9;font-weight:600}.inner-page{max-width:1240px;margin:auto;min-height:62vh}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:25px}.panel h2{margin-bottom:8px}.panel h3{margin-bottom:14px}.stack{display:flex;flex-direction:column;gap:17px}.empty{display:flex;align-items:center;justify-content:center;gap:14px;flex-direction:column;text-align:center;min-height:220px;border:1px dashed #51465e;border-radius:14px;color:var(--muted);padding:36px}.cart-layout,.checkout-layout,.payment-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,.85fr);gap:22px;align-items:start}.cart-layout>.panel.stack{gap:0}.cart-line{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--border)}.cart-line:last-child{border-bottom:0}.mini-photo{width:92px;flex-shrink:0;border-radius:8px;overflow:hidden}.mini-photo .product-photo{aspect-ratio:1}.mini-photo .product-photo span{font-size:40px}.cart-description{flex:1;display:flex;flex-direction:column;gap:6px;align-items:start}.cart-description h3{margin:0}.qty{display:flex;gap:0;align-items:center;border-radius:9px;border:1px solid #50465a;overflow:hidden}.qty button{width:33px;height:37px;display:grid;place-items:center;background:#302c37;color:#e8def6;border:0}.qty>span{width:38px;text-align:center;font-size:13px}.summary{display:flex;flex-direction:column;gap:14px}.summary h3{margin-bottom:4px}.summary-row{display:flex;justify-content:space-between;gap:15px;font-size:13px;align-items:start}.summary-row>span small{display:block;color:var(--muted);margin-top:4px}.summary-row.total{font-size:15px}.summary-row.total strong{color:var(--accent);font-size:19px}.section-divider{border-top:1px solid var(--border);margin:7px 0}.fineprint{font-size:11px;color:var(--muted);line-height:1.7}.sticky-summary{position:sticky;top:100px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#c4bacf}.field.full{grid-column:1/-1}.field input,.field textarea,.field select,.filter-bar input,.filter-bar select,.inline-form input{width:100%;border:1px solid #4a404e;border-radius:9px;background:#24212a;color:#fff;outline:none;padding:11px 12px;min-height:42px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent)}.field textarea{resize:vertical}.checkout-layout .panel{display:flex;flex-direction:column;gap:21px}.checkout-layout .panel h2{margin-bottom:0}.total-big{font-size:39px;color:#d9c0ff;letter-spacing:-1px}.order-code{border:1px dashed #705d83;background:#2b2334;border-radius:10px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:19px 0;font-size:18px;font-weight:800;word-break:break-all}.timeline{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin:23px 0}.timeline-step{display:flex;align-items:center;flex:1;flex-direction:column;gap:9px;text-align:center;position:relative;color:#726d7a;font-size:11px}.timeline-step:before{content:"";position:absolute;top:20px;right:50%;height:1px;width:100%;background:#4d4454;z-index:0}.timeline-step:first-child:before{display:none}.timeline-dot{width:40px;height:40px;border:1px solid #554b5a;background:#2b2730;border-radius:50%;display:grid;place-items:center;position:relative;z-index:1}.timeline-step.done{color:#d9c6fa}.timeline-step.done .timeline-dot{background:#4a3b62;border-color:var(--accent)}.qr-box{width:240px;height:240px;margin:12px auto 24px;border-radius:10px;background:#fff;padding:10px;display:grid;place-items:center}.qr-box>img{width:100%;height:100%;object-fit:contain}.qr-unset{display:flex;align-items:center;flex-direction:column;gap:9px;text-align:center;color:#55455f;font-size:12px}.qr-unset small{font-size:10px}.bank-detail{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--border)}.bank-detail>div{display:flex;flex-direction:column;gap:4px}.bank-detail>div small{color:var(--muted)}.bank-detail strong{font-size:18px;letter-spacing:.4px}.chat-buttons{display:flex;gap:10px}.steps{padding-left:24px;margin:0;display:flex;flex-direction:column;gap:10px;color:#cfc6d8;font-size:13px}.message-preview{background:#231f2b;color:#c9bbd4;border:1px solid #423a4d;border-radius:9px;width:100%;padding:12px;font-size:12px;resize:none}.success-text{color:#a5f3c2;font-size:12px}.order-card{display:flex;flex-direction:column;gap:10px}.order-head,.order-footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.order-head>div{display:flex;flex-direction:column;gap:4px}.order-head small,.order-footer small{color:var(--muted)}.order-pill{font-size:11px;border-radius:100px;padding:5px 11px;background:#433651;color:#dfc3ff;white-space:nowrap;font-weight:700}.order-pill.completed{background:#244536;color:#b4e6c8}.order-pill.cancelled{background:#532f35;color:#ffb9c5}.order-pill.shipped{background:#303f56;color:#c3d8ff}.order-pill.preparing{background:#4b422b;color:#ffe1a2}.order-footer{border-top:1px solid var(--border);padding-top:15px}.order-footer .muted{font-size:12px}.order-actions{display:flex;align-items:center;gap:12px}.tracking{color:#b2cef2;font-size:12px}.cancelled-label{color:#ffb6be}.modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;background:#000b;display:grid;place-items:center;padding:20px;overflow:auto}.modal{position:relative;background:#1c1a21;border:1px solid #564766;border-radius:16px;width:min(820px,100%);box-shadow:0 24px 90px #0009}.close-modal{position:absolute;right:12px;top:12px;width:35px;height:35px;border-radius:50%;border:1px solid #6b5d79;background:#201d26;color:#fff;z-index:1}.detail-layout{display:grid;grid-template-columns:1fr 1fr}.detail-layout>.product-photo{border-radius:16px 0 0 16px}.product-detail{padding:32px;display:flex;flex-direction:column;gap:16px}.product-detail h2{font-size:26px}.product-detail .muted{font-size:13px}.variant-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.variant-choice{border:1px solid #50475b;background:#25212c;color:#eee;border-radius:8px;padding:9px;text-align:left;font-size:12px}.variant-choice small{display:block;color:#aaa0b4;margin-top:5px}.variant-choice.active{border-color:var(--accent);background:#473855}.add-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.admin-layout{display:flex;flex-direction:column;gap:20px}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--border)}.admin-tabs button{display:flex;align-items:center;gap:7px;border:0;background:none;padding:11px 14px;border-radius:9px;color:#aaa2b8;font-size:13px}.admin-tabs button.active{background:#40324f;color:#f1e6ff}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:13px;padding:20px;display:flex;flex-direction:column;gap:9px}.metric>span{font-size:12px;color:var(--muted)}.metric strong{font-size:24px;color:#e6d4ff}.metric svg{position:absolute;right:16px;top:15px;color:#705c88}.table-wrapper{overflow:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.data-table th{font-size:12px;color:#aaa2b7;font-weight:600;background:#25222d}.data-table td,.data-table th{padding:13px 12px;border-bottom:1px solid var(--border);white-space:nowrap}.form-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.edit-form{display:flex;flex-direction:column;gap:20px}.edit-form>h3{margin-bottom:0}.check-row{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.check-row label,.check{display:flex;align-items:center;gap:7px;font-size:13px}.check-row input,.check input{accent-color:#bba5ef}.image-preview{height:130px;width:150px;object-fit:contain;border-radius:8px;background:#322b39}.variant-editor{display:flex;flex-direction:column;gap:12px}.variant-edit-row{display:grid;grid-template-columns:1.2fr 1fr .8fr .8fr .65fr auto;gap:10px;align-items:end;border:1px solid #3b3244;background:#231f29;padding:13px;border-radius:10px}.variant-edit-row .field input{min-width:0}.inline-form{display:flex;gap:10px;margin:20px 0}.inline-form input{max-width:500px}.tag-admin-list{display:flex;flex-direction:column}.tag-admin-list>div{border-top:1px solid var(--border);padding:12px 0;display:flex;align-items:center;justify-content:space-between}.button-row{display:flex;gap:9px}.admin-order-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.admin-order-heading>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.admin-order-heading>div:first-child{flex-direction:column;align-items:start;gap:3px}.admin-order-heading strong{color:#dac4fb}.admin-order{display:flex;flex-direction:column;gap:17px}.admin-order-info{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:12px;background:#26222c;padding:15px;border-radius:9px}.admin-order-info h4{font-size:13px;margin-bottom:7px}.order-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:9px;align-items:end}.order-controls .field input,.order-controls .field select{min-width:0}.warning-line{display:flex;align-items:center;gap:8px;background:#3c3229;border:1px solid #65523b;padding:11px;border-radius:9px;color:#f2d2a0;font-size:12px}.qr-config{display:flex;align-items:start;gap:18px}.qr-config img{width:180px;height:180px;object-fit:contain;background:#fff;padding:8px;border-radius:9px}@media(max-width:1200px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.order-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.variant-edit-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:950px){.topbar{height:auto}.nav{min-height:75px;flex-wrap:wrap;gap:0 12px;padding:12px 20px}.main-nav{order:3;width:100%;height:40px;gap:18px}.nav-actions{margin-left:auto}.shell{padding:25px 20px 60px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hero{padding:35px;min-height:280px}.metric-grid{grid-template-columns:repeat(2,1fr)}.cart-layout,.checkout-layout,.payment-layout{grid-template-columns:1fr}.sticky-summary{position:static}.account span{display:none}.footer-inner{padding:25px 20px}}@media(max-width:600px){.nav{padding:10px 15px}.brand{font-size:17px}.brand-mark{width:34px;height:34px}.main-nav{gap:16px;overflow:auto;white-space:nowrap}.main-nav button{font-size:12px}.account{padding:9px}.shell{padding:18px 13px 45px}.demo-banner,.setup-banner{padding:8px 13px;flex-direction:column;align-items:start}.hero{padding:22px;min-height:220px;margin-bottom:30px}.hero h1{font-size:30px}.hero p{font-size:12px}.hero-graphic{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-info{padding:11px}.product-info h3{font-size:13px}.product-photo>span{font-size:60px}.price{font-size:14px}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar>*{width:100%}.filter-bar select{width:100%}.panel{padding:17px}.section-heading{margin-bottom:14px}.cart-line{gap:8px}.mini-photo{width:65px}.cart-description h3{font-size:13px}.order-head,.order-footer{align-items:start}.order-footer{flex-direction:column}.order-actions{width:100%;justify-content:space-between}.detail-layout{grid-template-columns:1fr}.detail-layout>.product-photo{max-height:215px;border-radius:16px 16px 0 0}.detail-layout>.product-photo>span{font-size:65px}.product-detail{padding:18px}.modal{max-height:92vh;overflow:auto}.form-grid{grid-template-columns:1fr}.field.full{grid-column:1}.variant-edit-row{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric{padding:12px}.metric strong{font-size:17px}.order-controls,.admin-order-info{grid-template-columns:1fr}.admin-order-heading,.admin-order-heading>div{align-items:start}.admin-order-heading{flex-direction:column}.qr-box{width:205px;height:205px}.timeline-step{font-size:9px}.timeline-dot{width:32px;height:32px}.timeline-step:before{top:16px}.chat-buttons{flex-direction:column}}.advanced-toggle.active{border-color:var(--accent);background:#413351;color:#f6ecff}.photo-count{position:absolute;bottom:10px;right:10px;background:#221b2be0;border:1px solid #66557b;color:#eee6fc;display:flex;align-items:center;gap:5px;border-radius:7px;padding:4px 9px;font-size:11px}.modal{width:min(960px,100%);max-height:93vh;overflow:auto}.detail-layout{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}.product-gallery{min-width:0;background:#211d28;border-radius:16px 0 0 16px;padding:14px;display:flex;flex-direction:column;gap:11px;border-right:1px solid var(--border)}.gallery-main{position:relative;border-radius:12px;overflow:hidden;background:#151218;min-width:0}.gallery-main-image{position:relative;display:block;padding:0;width:100%;aspect-ratio:1;max-height:430px;border:0;background:radial-gradient(circle at 50% 35%,#4b3d59,#26202d 80%);color:#fff;cursor:zoom-in}.gallery-main-image img{width:100%;height:100%;display:block;object-fit:contain}.gallery-zoom{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;background:#160f1bdf;color:#fff;border:1px solid #7c688e;border-radius:9px;padding:8px 10px;font-size:11px}.gallery-nav-overlay{position:absolute;bottom:12px;left:12px;display:flex;gap:8px;align-items:center;pointer-events:none}.gallery-nav-overlay>span{background:#120d17db;padding:6px 9px;border-radius:8px;color:#e5dff0;font-size:11px}.gallery-nav-button{pointer-events:auto;border:1px solid #716283;background:#17101ce0;color:#fff;border-radius:9px;display:grid;place-items:center;width:32px;height:32px}.gallery-thumbnails,.lightbox-thumbs{display:flex;gap:8px;overflow-x:auto;padding:3px 1px 8px}.gallery-thumb{width:67px;height:67px;flex:0 0 67px;padding:2px;border-radius:9px;border:2px solid #54465c;background:#292232;overflow:hidden;cursor:pointer}.gallery-thumb.active{border-color:var(--accent);box-shadow:0 0 0 1px #c8b6f030}.gallery-thumb img{width:100%;height:100%;border-radius:5px;object-fit:cover}.gallery-hint{color:var(--muted);display:flex;align-items:center;gap:6px;font-size:11px}.image-lightbox-backdrop{position:fixed;z-index:250;top:0;right:0;bottom:0;left:0;background:#0c0810f5;display:flex;align-items:center;justify-content:center;padding:14px}.image-lightbox{width:min(1080px,100%);height:min(94vh,920px);outline:none;display:flex;flex-direction:column;gap:12px;background:#17131c;border:1px solid #4f415f;border-radius:15px;padding:15px}.lightbox-header{display:flex;gap:12px;align-items:center;font-size:14px}.lightbox-header strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.lightbox-header>span{color:#c1b5d1;font-size:12px}.lightbox-close{border:0;border-radius:8px;background:#372d40;color:#fff;display:grid;place-items:center;width:38px;height:38px}.lightbox-center{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:7px}.lightbox-image{display:block;max-height:100%;min-width:0;max-width:100%;height:auto;width:auto;object-fit:contain}.lightbox-arrow{border:1px solid #685675;background:#30273a;color:#fff;border-radius:10px;width:43px;height:58px;flex:0 0 43px;display:grid;place-items:center}.lightbox-thumbs{justify-content:center;min-height:72px}.lightbox-thumbs .gallery-thumb{width:55px;height:55px;flex-basis:55px}.admin-gallery{background:#241e2b;border:1px solid #443850;border-radius:14px;padding:18px}.gallery-section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.gallery-section-title strong{font-size:16px}.gallery-limit{display:inline-flex;align-items:center;gap:6px;background:#392d46;color:#dcc8fa;border-radius:9px;padding:7px 11px;font-size:12px;white-space:nowrap}.admin-gallery-layout{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:22px;align-items:start}.admin-gallery-preview{display:flex;flex-direction:column;gap:10px;min-width:0}.admin-gallery-expand{border:1px solid #554967;cursor:zoom-in;background:radial-gradient(circle,#44364f,#201c29);padding:0;width:100%;aspect-ratio:1;position:relative;border-radius:10px;overflow:hidden}.admin-gallery-expand img{width:100%;height:100%;display:block;object-fit:contain}.admin-gallery-expand>span{position:absolute;bottom:9px;left:50%;transform:translate(-50%);background:#0d0a12d9;padding:7px 10px;border-radius:8px;color:#eee;display:flex;align-items:center;gap:5px;font-size:11px;white-space:nowrap}.admin-gallery-placeholder{width:100%;aspect-ratio:1;border-radius:10px;border:1px dashed #655875;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#a99db7;background:#2b2331;text-align:center}.admin-gallery-placeholder small{font-size:11px}.gallery-preview-meta{display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:12px;min-height:32px}.cover-label{color:#d7bdff;font-size:11px;display:inline-flex;align-items:center;gap:5px}.gallery-preview-controls{display:flex;flex-wrap:wrap;gap:6px}.gallery-preview-controls .btn{flex:1;min-width:98px}.admin-gallery-manage{display:flex;flex-direction:column;gap:12px;min-width:0}.admin-gallery-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:10px;align-content:start}.admin-photo-tile{position:relative;min-width:0}.admin-photo-tile.active .admin-photo-pick{border-color:var(--accent);box-shadow:0 0 0 2px #bba5ef20}.admin-photo-pick{border:2px solid #5a4967;background:#19141f;width:100%;aspect-ratio:1;border-radius:10px;overflow:hidden;padding:2px;position:relative;cursor:pointer}.admin-photo-pick img{width:100%;height:100%;object-fit:cover;border-radius:6px}.photo-cover-badge,.photo-selected-badge{position:absolute;top:4px;left:4px;border-radius:5px;padding:4px;color:#1b1525;background:#baa5ef;display:flex}.photo-selected-badge{left:auto;right:4px;background:#bbf1cf}.photo-position{position:absolute;bottom:5px;right:6px;color:#fff;background:#131019b8;padding:1px 6px;font-size:10px;border-radius:5px;pointer-events:none}.admin-gallery-add{aspect-ratio:1;border:2px dashed #655774;border-radius:10px;color:#cbb1fa;background:#34283d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.admin-gallery-add small{font-size:10px}.gallery-upload-progress{color:#c7f2c9;font-size:12px}.gallery-url-toggle{align-self:start;text-decoration:underline;text-underline-offset:3px}.gallery-url-optional{border:1px solid #45394f;border-radius:10px;background:#211a27;padding:13px;display:flex;flex-direction:column;gap:10px}.gallery-url-form{display:flex;align-items:end;gap:8px;min-width:0}.gallery-url-form .field{flex:1;min-width:0}.gallery-url-form .field input{min-width:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.admin-gallery-layout{grid-template-columns:minmax(0,1fr)}.admin-gallery-preview{max-width:380px}}@media(max-width:600px){.detail-layout{grid-template-columns:1fr}.product-gallery{border-radius:16px 16px 0 0;border-right:0;border-bottom:1px solid var(--border);padding:11px}.gallery-main-image{max-height:290px}.modal{max-height:92vh}.image-lightbox-backdrop{padding:6px}.image-lightbox{height:98vh;padding:9px}.lightbox-arrow{width:28px;flex-basis:28px;height:48px}.gallery-section-title{flex-wrap:wrap}.admin-gallery{padding:12px}.admin-gallery-preview{max-width:none}.admin-gallery-expand{max-height:300px}.admin-gallery-tiles{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.gallery-url-form{flex-wrap:wrap}.gallery-url-form .field{flex:1 1 100%}}