*{box-sizing:border-box}body{margin:0;font:15px/1.55 system-ui,Arial;color:#18304b;background:#f5f8ff}a{color:var(--primary);text-decoration:none}button,.btn{background:var(--primary);color:white;border:0;border-radius:12px;padding:11px 17px;cursor:pointer;display:inline-block;font:inherit}button:hover,.btn:hover{filter:brightness(.91)}.nav{display:flex;align-items:center;gap:25px;padding:10px max(20px,calc((100vw - 1250px)/2));background:white;box-shadow:0 4px 25px #1d4d9a13;position:sticky;top:0;z-index:2}.brand{display:flex;align-items:center;gap:7px;font-weight:800;font-size:24px}.brand img{width:46px;height:46px;object-fit:contain}.search{display:flex;flex:1;gap:6px}.search input{flex:1}.nav nav{display:flex;gap:14px;align-items:center}.container{max-width:1250px;margin:28px auto;padding:0 18px;min-height:65vh}input,textarea,select{border:1px solid #dbe5f4;background:white;padding:12px;border-radius:11px;font:inherit;width:100%;outline-color:var(--primary)}label{display:block;font-weight:600;margin:12px 0 5px}.hero{border-radius:var(--slider-radius);padding:65px 50px;background:linear-gradient(110deg,var(--primary),#02a9c6);color:white;position:relative;overflow:hidden}.hero h1{font-size:clamp(28px,4vw,48px);margin:0}.hero p{font-size:19px}.hero img{width:150px;position:absolute;right:9%;top:10%}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;margin:24px 0}.card,.panel{background:white;border-radius:var(--card-radius);box-shadow:0 8px 28px #12385c10;overflow:hidden;transition:transform .22s,box-shadow .22s}.card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #12385c20}.card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#edf3fa}.card .inside{padding:14px}.price{font-size:21px;font-weight:800;color:var(--primary)}.muted{color:#64748b}.panel{padding:25px;margin:18px 0}.auth{display:grid;grid-template-columns:1fr 1fr;max-width:900px;margin:35px auto;min-height:510px}.auth-art{background:linear-gradient(135deg,#9bc5ff,#b69cff);display:grid;place-items:center;padding:35px}.auth-art img{max-width:85%}.auth-form{padding:35px}.row{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.row>*{flex:1}.error{background:#ffe8e8;color:#a00;padding:12px;border-radius:10px}.flash{padding:12px;text-align:center;background:#dbeafe}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;background:white}th,td{text-align:left;padding:12px;border-bottom:1px solid #e5eaf4}th{background:#eaf2ff}.badge{background:#e7f1ff;border-radius:20px;padding:5px 10px}.chatlog{height:390px;overflow:auto;background:#eaf1fa;padding:16px;border-radius:14px}.bubble{background:white;max-width:80%;padding:10px 14px;margin:10px 0;border-radius:15px}.bubble.mine{background:#c6e2ff;margin-left:auto}.form-narrow{max-width:550px}footer{text-align:center;color:#64748b;padding:30px}.adminlinks{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}@media(max-width:760px){.nav{flex-wrap:wrap;padding:10px}.search{order:3;flex-basis:100%}.nav nav{margin-left:auto}.auth{grid-template-columns:1fr}.auth-art{min-height:160px}.auth-art img{height:130px}.hero{padding:38px 24px}.hero img{display:none}}

body::before{content:"";position:fixed;inset:-35px;background-image:var(--page-bg);background-size:cover;background-position:center;filter:blur(var(--page-blur));z-index:-1;pointer-events:none}body{background-color:#f5f8ff}.card,.panel{border:var(--stroke-width) solid var(--stroke-color)}.ship-slider{height:clamp(180px,31vw,380px);position:relative;overflow:hidden;border-radius:var(--slider-radius);margin-bottom:24px;background:#e6ecf7}.slide{display:none;height:100%}.slide.selected{display:block;animation:fadeSlide .35s ease}.slide img{height:100%;width:100%;object-fit:cover}.slide-prev,.slide-next{position:absolute;top:50%;transform:translateY(-50%);background:#122238a8;border-radius:50%;font-size:24px;padding:2px 15px}.slide-prev{left:14px}.slide-next{right:14px}@keyframes fadeSlide{from{opacity:.45}to{opacity:1}}.site-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;text-align:left;background:#12223d;color:white;padding:40px max(22px,calc((100vw - 1250px)/2))}.site-footer a{display:block;color:#d7e7ff;margin:8px 0}.copyright{text-align:center;background:#0a162a;color:white;padding:12px}.gallery-main{width:100%;height:400px;overflow:hidden;border-radius:var(--card-radius);background:#eef2f8}.gallery-main img,.gallery-main video{width:100%;height:100%;object-fit:contain}.gallery-main img:hover{transform:scale(var(--zoom));cursor:zoom-in}.gallery-main img{transition:transform .25s}.thumbs{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.thumbs img,.thumbs video{height:70px;width:70px;object-fit:cover;border-radius:9px;cursor:pointer}.product-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px}.rich-editor{min-height:140px;border:1px solid #cbd5e1;border-radius:12px;padding:14px;background:white}.editor-tools{display:flex;gap:6px;flex-wrap:wrap}.editor-tools button{padding:5px 11px}.editor-html{min-height:140px;font-family:monospace}@media(max-width:760px){.site-footer{grid-template-columns:1fr}.product-layout{grid-template-columns:1fr}}
/* Shipzad V2 improvements */
.ship-slider{width:100%;overflow:hidden;aspect-ratio:3.2/1;max-height:430px}.ship-slider .slide,.ship-slider .slide-track{height:100%}.ship-slider img{width:100%;height:100%;object-fit:contain;background:#f8fafc}.ship-slider .slide{display:none}.ship-slider .slide.selected{display:block}
.sz-stars{color:#f5b301;letter-spacing:2px}.sz-review{padding:18px 0;border-bottom:1px solid #e5e7eb}.sz-review img,.sz-review video{height:95px;max-width:130px;object-fit:cover;margin:5px}.sz-product-extra{margin-top:20px}.sz-dashboard{display:grid;grid-template-columns:230px minmax(0,1fr);gap:25px;background:#edf3f2;padding:22px;border-radius:18px}.sz-sidebar{background:#fff;border-radius:14px;padding:15px}.sz-sidebar a{display:block;padding:12px;color:#263238;text-decoration:none;border-radius:9px}.sz-sidebar a:hover{background:#78dec7}.sz-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:15px}.sz-stat{background:white;padding:20px;border-radius:12px;box-shadow:0 3px 12px #0000000a}.sz-stat strong{display:block;font-size:28px;margin-top:12px}.sz-panel{background:#fff;border-radius:12px;padding:22px;margin-top:18px}.sz-suggest{position:absolute;z-index:30;background:white;box-shadow:0 5px 20px #0002;width:100%;max-width:550px}.sz-suggest a{display:block;padding:9px 15px;text-decoration:none;color:#222}.sz-suggest a:hover{background:#eff6ff}@media(max-width:720px){.sz-dashboard{grid-template-columns:1fr}.sz-sidebar{display:flex;overflow:auto;gap:8px}.sz-sidebar a{white-space:nowrap}.ship-slider{aspect-ratio:2/1}}

/* YouTube-inspired search suggestions */
.search{position:relative;min-width:0}.search-field{position:relative;flex:1;min-width:0}.search-field input{width:100%;border-radius:22px;padding:12px 18px}.search-suggestions{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:9999;background:#fff;border:1px solid #e4e6ea;border-radius:15px;box-shadow:0 9px 24px #0002;max-height:min(65vh,560px);overflow-y:auto;padding:8px 0;color:#171717}.search-suggestions[hidden]{display:none!important}.search-suggestion-row{display:flex;align-items:center;gap:14px;padding:10px 16px;cursor:pointer;font-size:15px;line-height:1.4}.search-suggestion-row:hover,.search-suggestion-row.is-active{background:#f0f0f0}.suggest-icon{font-size:24px;color:#333;width:22px;flex:none}.suggest-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-suggestion-heading{font-size:12px;color:#697586;font-weight:700;padding:10px 16px 4px;border-top:1px solid #eee}.search-suggestion-empty{padding:17px;color:#64748b}.nav{z-index:100}@media(max-width:760px){.search-suggestions{max-height:55vh}.search-suggestion-row{font-size:14px}}

/* Social authentication */
.social-auth{margin:20px 0}.social-divider{display:flex;align-items:center;gap:12px;color:#777;font-size:13px;margin:16px 0}.social-divider:before,.social-divider:after{content:"";height:1px;background:#ddd;flex:1}.social-btn{box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #d7dce3;border-radius:10px;padding:12px 14px;margin:10px 0;background:#fff;color:#202124;text-decoration:none;font-size:14px;font-weight:600;cursor:pointer}.social-btn:hover:not(:disabled){background:#f6f8fa}.facebook-btn{opacity:.6;cursor:not-allowed;background:#f5f7fa}.social-btn small{font-size:10px;background:#e8edf5;padding:3px 6px;border-radius:10px}.fb-mark{background:#1877f2;color:white;font-size:17px;font-family:Arial,sans-serif;font-weight:bold;border-radius:50%;width:20px;height:20px;line-height:23px;text-align:center}

/* Shipzad account navigation */
.ship-actions{display:flex;align-items:center;gap:13px}.ship-icon{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:11px;color:#24364d}.ship-icon:hover{background:#fff0e9;color:#f15a24}.ship-icon svg,.ship-account summary svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ship-account{position:relative}.ship-account summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;border-radius:10px;padding:9px 10px;font-weight:650;max-width:230px}.ship-account summary::-webkit-details-marker{display:none}.ship-account summary:hover{background:#f6f7fa}.ship-account summary span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ship-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:240px;background:white;box-shadow:0 14px 40px #1824382c;border:1px solid #e8edf2;border-radius:13px;padding:8px;z-index:1000}.ship-dropdown a{display:block;padding:10px 12px;border-radius:8px;color:#29384b;font-size:14px}.ship-dropdown a:hover{background:#fff0e9;color:#e64a19}.ship-dropdown .ship-logout{border-top:1px solid #eee;color:#d84315}@media(max-width:760px){.ship-actions{gap:3px}.ship-account summary{max-width:160px;font-size:12px}.ship-icon{width:32px}.ship-dropdown{right:0}}

/* Account dropdown: explicitly scope SVG sizing and hide native details content. */
.nav{z-index:1000;min-height:72px}.ship-actions{margin-left:auto;display:flex;align-items:center;gap:12px;flex-shrink:0}.ship-actions .ship-icon{width:42px;height:42px;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0}.ship-actions .ship-icon svg{width:24px!important;height:24px!important;max-width:24px;max-height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.ship-account{position:relative;flex-shrink:0}.ship-account summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;font-size:15px;font-weight:600;color:#30383b;padding:10px 12px;max-width:240px}.ship-account summary::-webkit-details-marker{display:none}.ship-account summary svg{width:20px!important;height:20px!important;max-width:20px;max-height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.ship-account summary svg:last-child{width:15px!important;height:15px!important;transition:transform .2s}.ship-account[open] summary svg:last-child{transform:rotate(180deg)}.ship-account:not([open]) .ship-dropdown{display:none!important}.ship-account[open] .ship-dropdown{display:block!important}.ship-account .ship-dropdown{position:absolute!important;top:calc(100% + 12px)!important;right:0!important;left:auto!important;width:330px!important;max-width:calc(100vw - 24px)!important;padding:10px 0!important;background:#fff!important;border:1px solid #dce2e8!important;border-radius:18px!important;box-shadow:0 15px 40px #00000016!important;z-index:99999!important;overflow:hidden}.ship-account .ship-dropdown a{display:flex!important;align-items:center!important;gap:19px!important;min-height:58px;padding:12px 28px!important;color:#333c3e!important;font-size:17px!important;font-weight:400!important;line-height:1.3!important;text-decoration:none!important;border-radius:0!important;background:#fff!important}.ship-account .ship-dropdown a:hover{background:#f5f7f9!important;color:#e94d21!important}.ship-account .ship-dropdown a svg{width:22px!important;height:22px!important;min-width:22px!important;max-width:22px!important;max-height:22px!important;fill:none!important;stroke:#677377!important;stroke-width:2!important;stroke-linecap:round;stroke-linejoin:round}.ship-account .ship-dropdown a:hover svg{stroke:#e94d21!important}.ship-account .ship-dropdown-divider{height:1px;background:#e2e5e8;margin:7px 0}.ship-account .ship-dropdown a.ship-logout,.ship-account .ship-dropdown a.ship-logout svg{color:#ff5722!important;stroke:#ff5722!important}@media(max-width:760px){.nav{gap:8px}.ship-actions{gap:3px}.ship-account summary{max-width:180px;font-size:13px;padding:8px 4px}.ship-account .ship-dropdown{width:300px!important}.ship-account .ship-dropdown a{font-size:15px!important;min-height:52px;padding:10px 20px!important}}

/* Role-based management layouts */
.role-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:24px;align-items:start;margin:24px 0}.role-sidebar{position:sticky;top:85px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 8px 30px #1118270a}.role-side-title{font-weight:800;color:#df4819;padding:12px}.role-side-link{display:block;padding:12px 14px;border-radius:9px;color:#374151;text-decoration:none;margin:2px 0}.role-side-link:hover,.role-side-link.current{background:#fff0e9;color:#d84317}.role-content{min-width:0}.role-content .panel{margin-bottom:20px}.role-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px;margin:20px 0}.role-kpi{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px}.role-kpi strong{display:block;font-size:27px;margin-top:9px;color:#d84317}@media(max-width:780px){.role-layout{grid-template-columns:1fr}.role-sidebar{position:static;display:flex;flex-wrap:wrap;gap:4px}.role-side-title{width:100%}.role-side-link{font-size:13px;padding:9px}}

/* Responsive full-width storefront — follows viewport and browser zoom. */
html{width:100%;overflow-x:clip}
body{width:100%;min-width:0}
.nav{width:100%;padding-inline:clamp(12px,2vw,36px);gap:clamp(10px,1.7vw,26px)}
.nav .search{min-width:0}
.container{width:100%;max-width:none;margin:clamp(16px,2vw,28px) auto;padding-inline:clamp(12px,2vw,36px);min-width:0}
.ship-slider{width:100%;height:auto;max-height:none;aspect-ratio:3.4/1;margin:0 0 clamp(20px,3vw,38px);border-radius:var(--slider-radius)}
.ship-slider .slide-track,.ship-slider .slide{height:100%;width:100%}
.ship-slider .slide img{width:100%;height:100%;display:block;object-fit:cover}
/* auto-fit distributes available width; zoom-in reduces column count. */
.container>.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:clamp(12px,1.5vw,22px);width:100%;margin:18px 0 32px}
.container>.grid .card{min-width:0;height:100%}
.container>.grid .card>a{display:flex;flex-direction:column;height:100%;color:inherit}
.container>.grid .card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.container>.grid .card .inside{flex:1;display:flex;flex-direction:column;gap:6px;padding:clamp(10px,1.1vw,16px);overflow-wrap:anywhere}
.container>.grid .card .inside .price{margin-top:auto;font-size:clamp(15px,1.2vw,21px)}
.container>.grid .card .inside small{color:#64748b}
.site-footer{padding-inline:clamp(12px,2vw,36px)}
@media(max-width:760px){.nav{padding-inline:12px}.container{padding-inline:12px}.ship-slider{aspect-ratio:2/1}.container>.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,155px),1fr));gap:12px}}
@media(max-width:380px){.container>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ship-slider{aspect-ratio:1.7/1}.ship-actions{margin-left:auto}}

/* Prevent reference styles from stretching global header */
body{display:block!important;min-height:100vh}body>header.nav{display:flex!important;flex-direction:row!important;align-items:center!important;height:auto!important;min-height:72px!important;padding-top:10px!important;padding-bottom:10px!important;flex-shrink:0!important}body>header.nav .brand,body>header.nav .search,body>header.nav .ship-actions{align-self:center}@media(max-width:760px){body>header.nav{min-height:64px!important;flex-wrap:wrap}}