:root { --ink:#242733; --cyan:#10d1cf; --pink:#ff2d63; --paper:#f5f1e8; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.site-header { height:86px; background:var(--ink); color:white; display:flex; align-items:center; padding:0 max(28px,calc((100vw - 1240px)/2)); gap:48px; border-bottom:4px solid var(--cyan); position:relative; z-index:10; }
.brand { display:flex; align-items:center; gap:13px; margin-right:auto; }
.brand img { width:52px; height:52px; object-fit:cover; border:2px solid var(--cyan); }
.brand>span { font-size:26px; line-height:.85; font-weight:900; letter-spacing:-1px; }
.brand small { display:block; color:var(--cyan); font-size:8px; line-height:1; text-transform:uppercase; letter-spacing:.7px; margin-top:9px; white-space:nowrap; }
.site-header nav { display:flex; gap:30px; font-size:13px; font-weight:800; text-transform:uppercase; }
.site-header nav a:hover { color:var(--cyan); }
.header-action { color:var(--cyan); font-size:15px; font-weight:900; border-bottom:2px solid var(--pink); padding-bottom:5px; }
.hero { min-height:650px; padding:72px max(28px,calc((100vw - 1240px)/2)); background:var(--ink); color:white; display:grid; grid-template-columns:1fr 1fr; overflow:hidden; position:relative; }
.halftone { position:absolute; width:420px;height:420px;left:-170px;top:80px;opacity:.15;background-image:radial-gradient(var(--cyan) 2px,transparent 2px);background-size:13px 13px;border-radius:50%; }
.hero-copy { position:relative; z-index:2; padding-top:18px; }
.eyebrow,.kicker { display:inline-block; padding:8px 13px; background:var(--cyan); color:var(--ink); font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:1.5px; transform:rotate(-1deg); border:2px solid var(--ink); box-shadow:4px 4px 0 var(--pink); }
.hero h1 { font-family:Impact, Haettenschweiler, "Arial Narrow Bold",sans-serif; font-size:clamp(62px,7vw,104px); line-height:.83; letter-spacing:-1px; margin:28px 0; font-weight:900; text-shadow:5px 5px 0 #000; }
.hero h1 em,.section-heading h2 em,.benefit-lead h2 em,.product-bottom h2 em { color:var(--pink); font-style:normal; }
.hero-copy>p { max-width:560px; font-size:19px; line-height:1.55; color:#daddE8; }
.hero-actions { margin-top:36px; display:flex; align-items:center; gap:30px; }
.button { display:inline-flex; align-items:center; justify-content:space-between; gap:35px; padding:18px 22px; border:3px solid var(--ink); box-shadow:6px 6px 0 var(--cyan); font-size:13px; font-weight:900; text-transform:uppercase; }
.button-pink { background:var(--pink); color:white; border-color:white; }
.button span { font-size:24px; line-height:0; }
.hero-note { font-size:11px; line-height:1.5; text-transform:uppercase; font-weight:800; padding-left:18px; border-left:3px solid var(--cyan); }
.hero-art { position:relative; min-height:500px; }
.hero-art:before { content:""; position:absolute; z-index:4; width:620px; height:500px; right:-45px; top:35px; background:url("hero-products.png?v=20260814-1") center/contain no-repeat; filter:drop-shadow(12px 18px 0 rgba(18,19,26,.28)); }
.floor { position:absolute; width:580px;height:390px;right:-60px;bottom:0;transform:skewY(-10deg) rotate(-5deg);display:grid;grid-template-columns:repeat(3,1fr);gap:8px;filter:drop-shadow(18px 22px 0 #12131a); }
.floor i { background:#e5e7e2;border:5px solid var(--ink); }
.wedge { position:absolute;width:300px;height:110px;background:var(--pink);right:40px;top:195px;transform:rotate(-13deg) skewX(-22deg);border:7px solid var(--ink);box-shadow:12px 14px 0 var(--cyan); }
.wedge:after { content:"";position:absolute;inset:18px 22px;border-top:8px repeating-linear-gradient(90deg,var(--ink) 0 8px,transparent 8px 14px); }
.clip { position:absolute;width:72px;height:230px;background:white;border:7px solid var(--ink);right:275px;top:210px;transform:rotate(-7deg); }
.clip span { position:absolute;width:180px;height:36px;background:white;border:7px solid var(--ink);left:-58px;bottom:-8px; }
.wedge,.clip { display:none; }
.burst { position:absolute; right:6px; top:22px; background:var(--cyan); color:var(--ink); padding:26px 20px; font:900 25px/1 Impact,sans-serif; text-align:center; transform:rotate(8deg); clip-path:polygon(50% 0,61% 20%,82% 8%,82% 31%,100% 38%,83% 52%,95% 71%,72% 72%,69% 100%,50% 82%,30% 100%,29% 75%,4% 80%,17% 56%,0 43%,22% 33%,13% 10%,39% 21%);width:160px;height:145px;display:grid;place-items:center; }
.sound { position:absolute;bottom:40px;right:30px;color:var(--pink);font:900 30px Impact,sans-serif;transform:rotate(-9deg);text-shadow:2px 2px 0 white; }
.quick-strip { background:var(--cyan); border-block:4px solid var(--ink); min-height:72px; display:flex; justify-content:center; align-items:center; gap:24px; text-transform:uppercase; font-size:13px; }
.quick-strip span { background:var(--pink);color:white;border:2px solid var(--ink);padding:7px;font-weight:900; transform:rotate(-4deg); }
.quick-strip b { margin-right:32px; }
.section { padding:100px max(28px,calc((100vw - 1240px)/2)); }
.section-heading { display:flex;align-items:end;justify-content:space-between;margin-bottom:48px;gap:40px; }
.section-heading h2,.benefit-lead h2,.spec-section h2,.product-bottom h2 { margin:20px 0 0; font:900 clamp(42px,5vw,70px)/.9 Impact,sans-serif; letter-spacing:.4px; }
.section-heading>p { max-width:420px;line-height:1.6;color:#5d606b; }
.product-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:20px; }
.category-nav { display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:-10px 0 66px; }
.category-nav a { min-height:82px;background:var(--ink);color:white;border:3px solid var(--ink);padding:16px;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:900;text-transform:uppercase;transition:.2s; }
.category-nav a:hover { background:var(--pink);transform:translateY(-3px);box-shadow:0 5px 0 var(--cyan); }
.category-nav span { width:31px;height:31px;flex:0 0 31px;background:var(--cyan);color:var(--ink);display:grid;place-items:center;border:2px solid white;font-size:11px; }
.catalog-groups { display:grid;gap:86px; }
.catalog-group { scroll-margin-top:24px; }
.catalog-group-heading { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-bottom:28px;border-bottom:4px solid var(--ink);padding-bottom:14px; }
.catalog-group-heading>span { background:var(--pink);color:white;border:2px solid var(--ink);padding:8px;font:900 16px Impact,sans-serif;transform:rotate(-3deg); }
.catalog-group-heading h3 { margin:0;font:900 clamp(30px,4vw,48px)/1 Impact,sans-serif;text-transform:uppercase; }
.catalog-group-heading b { font-size:10px;text-transform:uppercase;color:#777b86; }
.product-card { background:white;border:3px solid var(--ink);position:relative;transition:.2s;box-shadow:7px 7px 0 var(--ink); }
.product-card:hover { transform:translate(-4px,-4px);box-shadow:11px 11px 0 var(--pink); }
.card-number { position:absolute;z-index:2;left:12px;top:11px;font:900 19px Impact,sans-serif;color:var(--ink); }
.card-badge { position:absolute;z-index:3;right:-7px;top:14px;background:var(--pink);color:white;border:2px solid var(--ink);padding:7px 10px;font-size:10px;font-weight:900;transform:rotate(4deg); }
.product-visual { height:245px;background:var(--cyan);position:relative;overflow:hidden;border-bottom:3px solid var(--ink); }
.product-photo{position:absolute;z-index:5;inset:0;width:100%;height:100%;object-fit:contain;background:white;padding:18px}.product-photo--large{padding:35px}
.product-visual:before,.product-showcase:before { content:"";position:absolute;inset:0;background-image:radial-gradient(#24273333 2px,transparent 2px);background-size:12px 12px; }
.product-visual b { position:absolute;right:9px;bottom:7px;font:900 11px Arial;opacity:.55; }
.tile { position:absolute;background:#eef0ea;border:4px solid var(--ink);width:150px;height:150px;transform:rotate(-8deg);left:22px;top:65px; }
.tile-b { left:auto;right:12px;top:35px;transform:rotate(7deg); }
.tool-piece { position:absolute;z-index:2;background:var(--pink);border:5px solid var(--ink);filter:drop-shadow(7px 8px 0 #24273355); }
.piece-a { width:135px;height:45px;left:85px;top:90px;transform:rotate(-16deg) skewX(-20deg); }
.piece-b { width:35px;height:118px;left:145px;top:90px;background:white; }
.product-visual--clip .piece-a { width:42px;height:130px;left:118px;top:58px;background:white;transform:rotate(-8deg); }
.product-visual--clip .piece-b { width:140px;height:34px;left:70px;top:157px;background:white;transform:rotate(-8deg); }
.product-visual--kit .piece-a { width:170px;height:120px;left:55px;top:62px;background:var(--pink);transform:rotate(-6deg); }
.product-visual--kit .piece-a:after { content:"P-PLAST";position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:22px;font-weight:900; }
.product-visual--kit .piece-b { display:none; }
.product-visual--pliers .piece-a { width:36px;height:170px;left:112px;top:42px;transform:rotate(-28deg);border-radius:20px;background:var(--pink); }
.product-visual--pliers .piece-b { width:36px;height:170px;left:150px;top:42px;transform:rotate(28deg);border-radius:20px;background:var(--pink); }
.product-visual--ring .piece-a { width:88px;height:88px;left:102px;top:60px;border-radius:50%;background:transparent;border:18px solid var(--pink);transform:none; }
.product-visual--ring .piece-b { width:42px;height:82px;left:125px;top:132px;background:var(--pink);transform:none;border-radius:0 0 22px 22px; }
.product-visual--double-wedge .piece-a,.product-visual--double-wedge .piece-b { width:150px;height:42px;background:var(--ink);left:72px;top:88px;transform:rotate(13deg) skewX(-25deg); }
.product-visual--double-wedge .piece-b { top:135px;transform:rotate(-13deg) skewX(-25deg); }
.product-visual--grout .piece-a { width:26px;height:160px;left:88px;top:50px;background:var(--cyan);transform:rotate(-30deg);border-radius:20px; }
.product-visual--grout .piece-b { width:26px;height:160px;left:174px;top:50px;background:var(--cyan);transform:rotate(30deg);border-radius:20px; }
.card-body { padding:22px; }
.category { color:#777b86;text-transform:uppercase;font-size:9px;font-weight:900;letter-spacing:1.2px; }
.card-body h3 { font-size:21px;line-height:1.1;margin:10px 0; }
.card-body p { color:#6b6e77;font-size:13px;line-height:1.5;min-height:40px; }
.card-price { border-top:2px solid #e6e3dc;margin-top:18px;padding-top:17px;display:flex;justify-content:space-between;align-items:center;font-size:12px; }
.card-price b { font-size:20px; }
.card-price i { width:35px;height:35px;background:var(--ink);color:var(--cyan);display:grid;place-items:center;font-style:normal;font-size:20px; }
.card-prices { border-top:2px solid #e6e3dc;margin-top:18px;padding-top:15px;display:grid;grid-template-columns:1fr 1fr 35px;align-items:end;gap:8px; }
.card-prices span { display:flex;flex-direction:column;gap:4px; }
.card-prices small { color:#777b86;font-size:9px;text-transform:uppercase;font-weight:900;letter-spacing:.6px; }
.card-prices b { font-size:17px;white-space:nowrap; }
.card-prices i { width:35px;height:35px;background:var(--ink);color:var(--cyan);display:grid;place-items:center;font-style:normal;font-size:20px; }
.benefits { background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1.3fr;gap:70px; }
.speech,.comic-label { display:inline-block;background:white;color:var(--ink);border:3px solid var(--ink);padding:10px 15px;font-weight:900;font-size:12px;box-shadow:5px 5px 0 var(--pink);transform:rotate(-2deg); }
.benefit-grid { display:grid;gap:16px; }
.benefit-grid article { padding:24px;border:2px solid #535663;display:grid;grid-template-columns:55px 1fr;column-gap:16px; }
.benefit-grid strong { grid-row:1/3;font:900 36px Impact,sans-serif;color:var(--cyan); }
.benefit-grid h3 { margin:0 0 8px;font-size:18px;text-transform:uppercase; }
.benefit-grid p { margin:0;color:#b9bdc7;line-height:1.5;font-size:13px; }
.cta { padding:62px max(28px,calc((100vw - 1240px)/2));background:var(--pink);display:flex;align-items:center;justify-content:space-between;border-block:5px solid var(--ink); }
.cta>div span { text-transform:uppercase;font-size:12px;font-weight:900; }
.cta h2 { color:white;font:900 clamp(36px,5vw,66px)/.9 Impact,sans-serif;margin:12px 0;text-shadow:4px 4px 0 var(--ink); }
.button-dark { background:var(--ink);color:white;box-shadow:7px 7px 0 var(--cyan); }
footer { background:#181a22;color:white;padding:70px max(28px,calc((100vw - 1240px)/2)) 24px;display:grid;grid-template-columns:1.8fr repeat(3,1fr);gap:45px; }
.footer-brand { font:900 35px Impact,sans-serif;color:var(--cyan); }
.footer-brand small { display:block;font:10px Arial;color:white;text-transform:uppercase;letter-spacing:1px;margin-top:12px; }
footer>div:not(:first-child) { display:flex;flex-direction:column;gap:10px;font-size:12px;color:#aeb1bb; }
footer>div b { color:white;text-transform:uppercase;margin-bottom:8px; }
footer>p { grid-column:1/-1;border-top:1px solid #383b45;margin:20px 0 0;padding-top:22px;color:#70737e;font-size:10px; }
.breadcrumbs { max-width:1240px;margin:0 auto;padding:30px 28px;display:flex;gap:10px;color:#777b86;font-size:11px;text-transform:uppercase; }
.breadcrumbs b { color:var(--ink); }
.product-page { max-width:1240px;margin:0 auto;padding:18px 28px 90px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px; }
.product-showcase { position:relative;min-height:580px;background:var(--cyan);border:4px solid var(--ink);box-shadow:13px 13px 0 var(--ink);overflow:hidden; }
.product-showcase .tile { width:330px;height:330px;left:15px;top:160px; }
.product-showcase .tile-b { left:auto;right:-30px;top:70px; }
.product-showcase .piece-a { width:270px;height:90px;left:145px;top:250px; }
.product-showcase .piece-b { width:70px;height:240px;left:245px;top:205px; }
.product-showcase.product-visual--clip .piece-a { width:80px;height:290px;left:230px;top:135px;background:white;transform:rotate(-8deg); }
.product-showcase.product-visual--clip .piece-b { width:300px;height:65px;left:120px;top:380px;background:white;transform:rotate(-8deg); }
.product-showcase.product-visual--kit .piece-a { width:330px;height:250px;left:95px;top:165px;background:var(--pink);transform:rotate(-5deg); }
.product-showcase.product-visual--kit .piece-b { display:none; }
.product-showcase.product-visual--pliers .piece-a { width:65px;height:340px;left:210px;top:110px;transform:rotate(-28deg);border-radius:30px; }
.product-showcase.product-visual--pliers .piece-b { width:65px;height:340px;left:270px;top:110px;transform:rotate(28deg);border-radius:30px; }
.comic-label { position:absolute;z-index:4;left:25px;top:25px;background:var(--pink);color:white; }
.showcase-brand { position:absolute;right:20px;bottom:18px;font:900 22px Impact,sans-serif; }
.product-info { padding-top:22px; }
.product-info h1 { font:900 clamp(42px,5vw,68px)/.9 Impact,sans-serif;margin:14px 0 22px;text-transform:uppercase; }
.lead { font-size:16px;line-height:1.65;color:#60636d; }
.pack-title { display:flex;justify-content:space-between;margin-top:30px;padding-top:25px;border-top:2px solid var(--ink);text-transform:uppercase;font-size:11px; }
.pack-title span { color:#878a92;font-size:9px; }
.pack-list { display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px; }
.pack-list button { background:white;border:2px solid #b9b8b1;padding:13px 8px;display:flex;flex-direction:column;gap:5px;cursor:pointer;color:var(--ink); }
.pack-list button span { font-size:9px;text-transform:uppercase;color:#777; }
.pack-list button b { font-size:14px; }
.pack-list button em { font-size:12px;font-style:normal; }
.pack-list button.active { border-color:var(--ink);background:var(--cyan);box-shadow:4px 4px 0 var(--ink); }
.buy-panel { margin-top:25px;display:flex;align-items:center;justify-content:space-between; }
.price small { display:block;text-transform:uppercase;font-size:9px;color:#777; }
.price strong { font:900 40px Impact,sans-serif;display:inline-block;margin-top:5px; }
.price del { margin-left:12px;color:#999; }
.qty { display:flex;align-items:center;border:2px solid var(--ink);background:white; }
.qty button { border:0;background:white;width:38px;height:40px;font-size:20px;cursor:pointer; }
.qty b { width:30px;text-align:center; }
.add-button { width:100%;margin-top:18px;background:var(--pink);color:white;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--cyan);padding:18px 20px;text-transform:uppercase;font-weight:900;display:flex;justify-content:space-between;cursor:pointer; }
.cart-inline{display:block;margin-top:16px;text-align:center;font-size:12px;font-weight:900;text-transform:uppercase}.checkout-page{min-height:100vh;background:var(--paper)}.checkout-wrap{max-width:1180px;margin:0 auto;padding:70px 28px 100px;display:grid;grid-template-columns:1.2fr .8fr;gap:55px}.checkout-wrap h1{font:900 72px Impact,sans-serif;margin:25px 0}.cart-row{display:grid;grid-template-columns:1fr 70px 110px 34px;align-items:center;gap:12px;background:white;border:2px solid var(--ink);padding:14px;margin-bottom:10px}.cart-row b,.cart-row small{display:block}.cart-row small{color:#777;margin-top:5px}.cart-row input{width:65px;padding:9px}.cart-row button{border:0;background:var(--pink);color:white;width:30px;height:30px}.cart-total{display:flex;justify-content:space-between;border-top:4px solid var(--ink);padding-top:20px;margin-top:20px;font-size:22px}.checkout-form{background:var(--ink);color:white;padding:30px;height:max-content}.checkout-form h2{font:900 38px Impact,sans-serif}.checkout-form label,.smtp-form label{display:grid;gap:6px;margin-top:14px;font-size:10px;text-transform:uppercase;font-weight:900}.checkout-form input,.smtp-form input{padding:12px;border:1px solid #cfd2da}.checkout-message{color:var(--cyan);font-weight:900}.cart-empty{background:white;padding:28px;border:2px solid var(--ink)}.smtp-form{background:white;border:1px solid #dfe1e7;border-radius:8px;padding:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.smtp-form label{margin:0}.smtp-form .add-button{grid-column:1/-1;max-width:300px}
.delivery-note { margin-top:23px;display:flex;justify-content:space-between;font-size:11px; }
.delivery-note b { color:#16856f; }
.delivery-note span { color:#777; }
.spec-section { background:var(--ink);color:white;padding:80px max(28px,calc((100vw - 1184px)/2));display:grid;grid-template-columns:1fr 1fr;gap:80px; }
.spec-section dl { margin:0; }
.spec-section dl div { display:flex;justify-content:space-between;border-bottom:1px solid #565965;padding:16px 0;font-size:13px; }
.spec-section dt { color:#9a9da7; }
.spec-section dd { font-weight:800; }
.product-bottom { background:var(--cyan);padding:65px max(28px,calc((100vw - 1184px)/2));display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center; }
.product-bottom h2 { margin:0; }
.product-bottom p { line-height:1.6;max-width:530px; }
.product-bottom .button { grid-column:2;width:max-content; }
.category-hero { min-height:370px;background:var(--ink);color:white;padding:70px max(28px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:40px;overflow:hidden; }
.category-hero>div:first-child { max-width:820px; }
.category-hero h1 { margin:28px 0 18px;font:900 clamp(58px,8vw,108px)/.86 Impact,sans-serif;text-transform:uppercase;text-shadow:5px 5px 0 #000; }
.category-hero p { max-width:680px;color:#c8cbd3;font-size:17px;line-height:1.6; }
.category-mark { color:var(--cyan);font:900 clamp(140px,20vw,280px)/.7 Impact,sans-serif;opacity:.14;transform:rotate(-8deg); }
.category-switcher { background:var(--cyan);border-block:4px solid var(--ink);display:grid;grid-template-columns:repeat(4,1fr);padding:0 max(28px,calc((100vw - 1240px)/2)); }
.category-switcher a { padding:20px 14px;border-right:2px solid var(--ink);font-size:11px;font-weight:900;text-transform:uppercase;text-align:center; }
.category-switcher a:first-child { border-left:2px solid var(--ink); }
.category-switcher a.active { background:var(--pink);color:white; }
.category-products { padding-top:70px; }
.admin-shell { min-height:100vh;background:#eef0f4;color:#20232d;display:grid;grid-template-columns:250px 1fr;font-family:Arial,Helvetica,sans-serif; }
.admin-sidebar { position:sticky;top:0;height:100vh;background:#20232d;color:white;padding:28px 22px;display:flex;flex-direction:column; }
.admin-brand { display:flex;align-items:center;gap:12px;padding-bottom:28px;border-bottom:1px solid #3b3e49;font-size:19px;font-weight:900; }
.admin-brand img { width:42px;height:42px;border:2px solid var(--cyan); }
.admin-brand small { display:block;color:var(--cyan);font-size:8px;text-transform:uppercase;letter-spacing:.7px;margin-top:5px; }
.admin-sidebar nav { display:grid;gap:7px;margin-top:30px; }
.admin-sidebar nav a { padding:13px 14px;border-radius:6px;color:#b9bdc8;font-size:13px;font-weight:800;display:flex;justify-content:space-between; }
.admin-sidebar nav a.active,.admin-sidebar nav a:hover { background:var(--cyan);color:var(--ink); }
.admin-sidebar nav b { font-size:10px;background:#ffffff24;padding:3px 7px;border-radius:10px; }
.admin-back { margin-top:auto;color:#aeb2bd;font-size:12px; }
.admin-content { min-width:0;padding:38px 42px 70px; }
.admin-header { display:flex;align-items:center;justify-content:space-between;margin-bottom:30px; }
.admin-header small,.admin-section-title small { color:#777c89;text-transform:uppercase;font-size:9px;font-weight:900;letter-spacing:1px; }
.admin-header h1 { margin:5px 0 0;font-size:32px; }
.admin-status { background:white;border:1px solid #dfe1e7;padding:11px 15px;border-radius:7px;font-size:11px;font-weight:800;display:flex;align-items:center;gap:8px; }
.admin-status i { width:8px;height:8px;background:#21b274;border-radius:50%;box-shadow:0 0 0 4px #21b27420; }
.admin-stats { display:grid;grid-template-columns:repeat(4,1fr);gap:14px; }
.admin-stats article { background:white;border:1px solid #dfe1e7;border-radius:8px;padding:20px;display:flex;flex-direction:column; }
.admin-stats span { font-size:10px;text-transform:uppercase;color:#777c89;font-weight:900; }
.admin-stats strong { font-size:29px;margin:12px 0 5px; }
.admin-stats small { color:#989ca7;font-size:10px; }
.admin-stats .status-word { color:#21a970; }
.admin-categories,.admin-products { margin-top:36px; }
.admin-section-title { display:flex;justify-content:space-between;align-items:end;margin-bottom:15px; }
.admin-section-title h2 { margin:4px 0 0;font-size:23px; }
.admin-section-title>span { font-size:10px;color:#777c89;text-transform:uppercase;font-weight:900; }
.admin-category-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:12px; }
.admin-category-grid>a { background:white;border:1px solid #dfe1e7;border-radius:8px;padding:16px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;transition:.2s; }
.admin-category-card{background:white;border:1px solid #dfe1e7;border-radius:8px;padding:16px;display:grid;grid-template-columns:auto 1fr 28px 28px;gap:10px;align-items:center}.admin-category-card>span{width:33px;height:33px;background:var(--ink);color:var(--cyan);display:grid;place-items:center;font:900 13px Impact,sans-serif}.admin-category-card b,.admin-category-card small{display:block}.admin-category-card small{color:#898e99;font-size:9px;margin-top:4px}.admin-category-card button,.admin-category-card>a{border:0;width:28px;height:28px;background:var(--ink);color:var(--cyan);display:grid;place-items:center;border-radius:4px;cursor:pointer}
.admin-category-grid>a:hover { border-color:var(--cyan);transform:translateY(-2px); }
.admin-category-grid>a>span { width:33px;height:33px;background:var(--ink);color:var(--cyan);display:grid;place-items:center;font:900 13px Impact,sans-serif; }
.admin-category-grid b { font-size:12px;display:block; }
.admin-category-grid small { color:#898e99;font-size:9px;display:block;margin-top:4px; }
.admin-category-grid i { font-style:normal;color:#7e838f; }
.admin-filters { background:white;border:1px solid #dfe1e7;border-radius:8px 8px 0 0;padding:16px;display:grid;grid-template-columns:1fr 260px;gap:12px; }
.admin-filters label { display:grid;gap:6px; }
.admin-filters label span { font-size:9px;text-transform:uppercase;font-weight:900;color:#777c89; }
.admin-filters input,.admin-filters select { width:100%;border:1px solid #d6d8df;border-radius:5px;background:white;padding:11px 12px;color:var(--ink);font:12px Arial; }
.admin-table-wrap { background:white;border:1px solid #dfe1e7;border-top:0;border-radius:0 0 8px 8px;overflow:auto; }
.admin-table { width:100%;border-collapse:collapse;min-width:850px; }
.admin-table th { background:#f7f8fa;color:#737885;font-size:9px;text-transform:uppercase;text-align:left;padding:12px 14px;border-bottom:1px solid #e2e4e9; }
.admin-table td { padding:13px 14px;border-bottom:1px solid #eceef2;font-size:11px; }
.admin-table td:nth-child(4),.admin-table td:nth-child(5) { white-space:nowrap;font-weight:800; }
.admin-table td b { display:block;font-size:11px; }
.admin-table td small { display:block;color:#9296a0;font-size:9px;margin-top:4px; }
.admin-table code { color:#138f8d;font-size:10px; }
.admin-table td:last-child a { width:28px;height:28px;background:var(--ink);color:var(--cyan);display:grid;place-items:center;border-radius:4px; }
.admin-empty { padding:34px;text-align:center;color:#898e99;font-size:12px; }
.admin-login{min-height:100vh;background:var(--ink);display:grid;place-items:center;padding:20px}.admin-login form{width:min(430px,100%);background:white;padding:34px;border:4px solid var(--cyan);box-shadow:12px 12px 0 var(--pink)}.admin-login .admin-brand{background:var(--ink);padding:14px;color:white;margin-bottom:28px}.admin-login h1{font:900 42px Impact,sans-serif;margin:0}.admin-login p{color:#737783}.admin-login label{display:grid;gap:6px;margin-top:15px;font-size:10px;text-transform:uppercase;font-weight:900}.admin-login input{padding:13px;border:2px solid #d8dae0}.admin-login form>b{display:block;color:var(--pink);margin-top:15px}.price-edit{width:28px;height:28px;border:0;background:var(--ink);color:var(--cyan);cursor:pointer;border-radius:4px}
.admin-actions{display:flex;gap:5px}.image-upload{width:28px;height:28px;background:var(--cyan);color:var(--ink);display:grid;place-items:center;border-radius:4px;cursor:pointer;font-size:15px}.image-upload input{display:none}
@media (max-width:900px){
 .site-header nav,.header-action{display:none}.hero{grid-template-columns:1fr;padding-top:48px}.hero-art{min-height:420px}.product-grid{grid-template-columns:repeat(2,1fr)}.category-nav{grid-template-columns:repeat(2,1fr)}.category-switcher{grid-template-columns:repeat(2,1fr)}.category-switcher a:nth-child(3){border-left:2px solid var(--ink)}.benefits{grid-template-columns:1fr}.product-page{grid-template-columns:1fr}.product-showcase{min-height:500px}.spec-section{grid-template-columns:1fr}.product-bottom{grid-template-columns:1fr}.product-bottom .button{grid-column:1}.section-heading{align-items:start;flex-direction:column}footer{grid-template-columns:repeat(2,1fr)}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto;flex-direction:row;align-items:center;padding:16px 20px}.admin-sidebar nav{display:none}.admin-brand{border:0;padding:0}.admin-back{margin:0 0 0 auto}.admin-stats,.admin-category-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){.hero-art:before{width:430px;height:350px;right:-65px;top:18px}}

/* PHP/MySQL compatibility layer */
.wrap{max-width:1280px;margin:0 auto;padding:70px 28px 100px}.wrap>h1{font:900 68px Impact,sans-serif;margin:0 0 35px}.crumbs{font-size:11px;text-transform:uppercase;font-weight:900;margin-bottom:35px}.crumbs a{color:#777}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:70px}.product-detail>div:last-child>small{text-transform:uppercase;color:var(--pink);font-weight:900}.product-detail h1{font:900 58px/.96 Impact,sans-serif;margin:15px 0 25px}.product-detail p{font-size:16px;line-height:1.65}.product-image{min-height:540px;background:#fff;border:4px solid var(--ink);box-shadow:12px 12px 0 var(--pink);display:grid;place-items:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain}.product-image strong{font:900 74px Impact,sans-serif;opacity:.18}.product-detail form>h3{text-transform:uppercase;font-size:12px;margin-top:35px;padding-top:25px;border-top:2px solid var(--ink)}.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.packs label{cursor:pointer}.packs input{position:absolute;opacity:0;pointer-events:none}.packs span{background:white;border:2px solid #b9b8b1;padding:13px 8px;display:flex;flex-direction:column;gap:5px}.packs input:checked+span{border-color:var(--ink);background:var(--cyan);box-shadow:4px 4px 0 var(--ink)}.packs small,.packs b,.packs em,.packs i{display:block}.packs small{font-size:9px;color:#777}.packs em,.packs i{font-style:normal}.packs i{font-size:10px}.qty{display:grid;gap:6px;max-width:125px;margin:22px 0;font-size:10px;text-transform:uppercase;font-weight:900}.qty input,.panel input,.panel textarea,.panel select,.cart-row input,.table input,.table select{padding:11px;border:1px solid #cfd2da;background:white}.product-detail button,.panel button,.checkout button,.table button{background:var(--ink);color:white;border:0;padding:13px 18px;font-weight:900;text-transform:uppercase;cursor:pointer}.checkout{display:grid;grid-template-columns:1.2fr .8fr;gap:55px}.order-form,.panel{background:white;border:1px solid #dfe1e7;padding:25px;display:grid;gap:14px;height:max-content}.order-form h2{font:900 38px Impact,sans-serif}.order-form label,.panel label{display:grid;gap:6px;font-size:10px;text-transform:uppercase;font-weight:900}.cart-row{display:grid;grid-template-columns:1fr 80px 120px;align-items:center;gap:12px;background:white;border:2px solid var(--ink);padding:14px;margin-bottom:10px}.cart-row b,.cart-row small{display:block}.cart-row small{color:#777;margin-top:5px}.total{display:flex;justify-content:space-between;border-top:4px solid var(--ink);padding:20px 0;font-size:22px}.success,.notice{background:#dbf8df;border-left:5px solid #28a344;padding:14px}.error{background:#ffe0e0;border-left:5px solid #c82f2f;padding:14px}.empty{background:white;border:2px solid var(--ink);padding:28px}.install{min-height:100vh;display:grid;place-items:center;background:var(--paper)}.install .panel{width:min(500px,92vw);border:3px solid var(--ink);box-shadow:9px 9px 0 var(--cyan)}.install h1{font:900 45px Impact,sans-serif}.admin header{height:78px;background:white;border-bottom:3px solid var(--ink);padding:0 3vw;display:flex;align-items:center;justify-content:space-between}.admin header nav{display:flex;gap:18px;font-size:11px;font-weight:900}.admin .brand{display:flex;align-items:center;gap:10px}.admin .brand img{width:52px;height:52px}.admin .brand b,.admin .brand small{display:block}.admin-wrap{max-width:1400px;margin:auto;padding:45px 25px}.admin-wrap h1{font:900 58px Impact,sans-serif}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.table{overflow:auto;background:white}.table table{border-collapse:collapse;width:100%;font-size:12px}.table th,.table td{padding:10px;border:1px solid #ddd;text-align:left}.table input{min-width:80px;width:100%}.thumb{width:100%;height:130px;object-fit:contain;background:#eee}.smtp{max-width:800px;grid-template-columns:1fr 1fr}.smtp button{grid-column:1/-1}
@media(max-width:850px){.product-detail,.checkout{grid-template-columns:1fr}.product-image{min-height:430px}.admin-grid{grid-template-columns:1fr 1fr}.admin header{height:auto;align-items:flex-start;padding:15px}.admin header nav{flex-wrap:wrap}.smtp{grid-template-columns:1fr}.smtp button{grid-column:auto}}
@media(max-width:560px){.wrap{padding:45px 18px 70px}.wrap>h1{font-size:50px}.product-detail h1{font-size:46px}.product-image{min-height:350px}.packs{grid-template-columns:1fr}.packs span{flex-direction:row;justify-content:space-between;align-items:center}.admin-grid{grid-template-columns:1fr}.cart-row{grid-template-columns:1fr 70px}.cart-row strong{grid-column:1/-1}.admin .brand small{display:none}}
.admin-hint{background:#e9fbfb;border-left:5px solid var(--cyan);padding:13px 16px;font-size:12px}.table-thumb{display:block;width:58px;height:58px;object-fit:contain;background:#f1f2f4;border:1px solid #dfe1e7}.no-photo{display:grid;place-items:center;width:58px;height:58px;background:#f1f2f4;color:#969aa4;font-size:8px;text-align:center}.inline-upload{display:flex;align-items:center;gap:6px;min-width:190px}.upload-button{display:inline-flex!important;align-items:center;justify-content:center;background:var(--cyan);color:var(--ink);padding:9px 10px!important;border-radius:3px;cursor:pointer;font-size:9px!important;white-space:nowrap}.upload-button input{display:none}.inline-upload button{padding:9px 10px!important;font-size:9px}
.card-prices--retail>span{flex:1}.qty{width:112px!important;max-width:112px!important}.qty input{display:block!important;width:112px!important;min-width:112px!important;max-width:112px!important;height:48px!important;padding:10px 12px!important;box-sizing:border-box!important}
.calculator-page{background:var(--paper)}.calculator-hero{min-height:370px;background:var(--ink);color:white;padding:70px max(28px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;overflow:hidden}.calculator-hero>div:first-child{position:relative;z-index:1}.calculator-hero h1{font:900 clamp(64px,8vw,112px)/.85 Impact,sans-serif;margin:30px 0 24px;text-shadow:5px 5px #000}.calculator-hero h1 em{color:var(--pink);font-style:normal}.calculator-hero p{max-width:700px;color:#daddE8;font-size:18px;line-height:1.55}.calculator-mark{font:900 190px Impact,sans-serif;color:var(--cyan);opacity:.16;transform:rotate(-10deg)}.calculator-layout{max-width:1240px;margin:0 auto;padding:80px 28px 110px;display:grid;grid-template-columns:1.12fr .88fr;gap:55px}.calculator-form,.calculator-result{min-width:0}.calculator-form-title{display:flex;align-items:center;gap:15px;margin-bottom:28px}.calculator-form-title>span{width:48px;height:48px;background:var(--ink);color:var(--cyan);display:grid;place-items:center;font:900 17px Impact,sans-serif;box-shadow:4px 4px var(--pink)}.calculator-form-title small{color:#777;text-transform:uppercase;font-size:9px;font-weight:900}.calculator-form-title h2{font:900 35px Impact,sans-serif;margin:3px 0 0}.calculator-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}.calculator-fields label{background:white;border:2px solid var(--ink);padding:14px;display:grid;gap:8px;font-size:11px;text-transform:uppercase;font-weight:900}.calculator-fields label small{color:#777;font-size:8px}.calculator-fields input{width:100%;border:0;border-top:1px solid #d8d8d8;padding:12px 0 2px;font:900 25px Arial;color:var(--ink);outline:0}.calculator-fields input:focus{border-top-color:var(--cyan)}.calculator-field-wide{grid-column:1/-1}.calculator-form>.button{cursor:pointer}.calculator-error{color:#c3264f;font-weight:900}.calculator-result{background:white;border:3px solid var(--ink);box-shadow:10px 10px var(--pink);padding:30px}.result-card{display:grid;grid-template-columns:1fr auto;align-items:end;padding:20px;margin-top:14px;border:2px solid var(--ink)}.result-card small{grid-column:1/-1;text-transform:uppercase;font-size:10px;font-weight:900}.result-card strong{font:900 58px Impact,sans-serif;line-height:1;margin-top:7px}.result-card span{text-transform:uppercase;font-size:10px;font-weight:900;margin-bottom:7px}.result-card--pink{background:var(--pink);color:white}.result-card--cyan{background:var(--cyan)}.calculator-details{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:2px solid var(--ink);font-size:11px}.calculator-note{font-size:12px;line-height:1.55;color:#676b75;margin:22px 0}.calculator-note b{display:block;color:var(--ink);margin-bottom:5px}.calculator-result>.button{width:100%}
@media(max-width:900px){.calculator-hero{min-height:320px}.calculator-mark{display:none}.calculator-layout{grid-template-columns:1fr}.calculator-result{max-width:650px}}
@media(max-width:560px){.calculator-hero{padding:52px 18px}.calculator-hero h1{font-size:60px}.calculator-hero p{font-size:15px}.calculator-layout{padding:55px 18px 80px}.calculator-fields{grid-template-columns:1fr}.calculator-field-wide{grid-column:auto}.calculator-result{padding:20px}.result-card strong{font-size:48px}}
.calculator-products{max-width:1240px;margin:0 auto;padding:0 28px 110px}.calculator-products-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.calculator-products-heading h2{font:900 clamp(42px,5vw,70px)/.9 Impact,sans-serif;margin:22px 0 0}.calculator-products-heading h2 em{color:var(--pink);font-style:normal}.calculator-products-heading>p{max-width:390px;line-height:1.55;color:#686c75}.package-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.package-card{position:relative;background:white;border:3px solid var(--ink);box-shadow:8px 8px var(--ink);padding:26px;display:grid;grid-template-columns:auto 1fr;gap:20px}.package-card-number{width:44px;height:44px;display:grid;place-items:center;background:var(--cyan);font:900 17px Impact,sans-serif}.package-card>div:nth-child(2) small{color:var(--pink);font-size:9px;text-transform:uppercase;font-weight:900}.package-card h3{font:900 30px Impact,sans-serif;margin:5px 0 0}.package-breakdown{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}.package-breakdown>div{min-width:135px;background:var(--paper);border:2px solid var(--ink);padding:14px;display:flex;align-items:end;gap:8px}.package-breakdown strong{font:900 30px Impact,sans-serif}.package-breakdown span{font-size:10px;font-weight:900;margin-bottom:4px}.package-summary{grid-column:1/-1;border-top:2px solid var(--ink);padding-top:17px;display:grid;grid-template-columns:1fr auto;align-items:end}.package-summary span{font-size:9px;text-transform:uppercase;color:#777;font-weight:900}.package-summary b{font-size:20px}.package-summary small{grid-column:1/-1;color:#777;margin-top:5px}.package-card>a{grid-column:1/-1;background:var(--ink);color:white;padding:14px 17px;display:flex;justify-content:space-between;text-transform:uppercase;font-size:10px;font-weight:900}.package-card>a:hover{color:var(--cyan)}
@media(max-width:800px){.calculator-products-heading{align-items:start;flex-direction:column}.package-grid{grid-template-columns:1fr}}
.calculator-fields select{width:100%;border:0;border-top:1px solid #d8d8d8;padding:12px 0 2px;font:900 25px Arial;color:var(--ink);outline:0;background:white}.calculator-fields select:focus{border-top-color:var(--cyan)}
.clip-type-picker{border:0;padding:0;margin:0 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.clip-type-picker legend{grid-column:1/-1;padding:0 0 10px;font-size:11px;text-transform:uppercase;font-weight:900}.clip-type-picker label{cursor:pointer;position:relative}.clip-type-picker input{position:absolute;opacity:0;pointer-events:none}.clip-type-picker label>span{min-height:150px;background:white;border:2px solid var(--ink);padding:12px;display:grid;grid-template-columns:105px 1fr;grid-template-rows:1fr auto;column-gap:14px;align-items:center}.clip-type-picker img{grid-row:1/3;width:105px;height:120px;object-fit:contain;background:white}.clip-type-picker b{font:900 27px Impact,sans-serif;text-transform:uppercase}.clip-type-picker small{font-size:9px;text-transform:uppercase;color:#777;font-weight:900}.clip-type-picker input:checked+span{background:var(--cyan);box-shadow:5px 5px var(--pink)}.package-product{display:grid;grid-template-columns:100px 1fr;gap:15px;align-items:center}.package-product>img{width:100px;height:100px;object-fit:contain;background:white;border:1px solid #ddd}.package-product>div small{color:var(--pink);font-size:9px;text-transform:uppercase;font-weight:900}.package-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.package-actions>a,.calculator-cart-form button{min-height:48px;border:0;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;font-size:10px;font-weight:900}.package-actions>a{background:var(--ink);color:white}.calculator-cart-form button{width:100%;background:var(--pink);color:white;cursor:pointer}.calculator-cart-form button:disabled{background:#aaa;cursor:not-allowed}.calculator-cart-form{margin:0}
.package-actions{grid-template-columns:1fr}.calculator-cart-form--bundle{margin:34px auto 0;max-width:620px}.calculator-cart-form--bundle button{min-height:62px;padding:17px 22px;border:3px solid var(--ink);box-shadow:7px 7px var(--cyan);font-size:13px}.calculator-cart-form--bundle button span{font-size:22px}
@media(max-width:560px){.clip-type-picker{grid-template-columns:1fr}.clip-type-picker label>span{min-height:120px}.package-product{grid-template-columns:75px 1fr}.package-product>img{width:75px;height:75px}.package-actions{grid-template-columns:1fr}}
@media(max-width:560px){.calculator-products{padding:0 18px 80px}.package-card{padding:20px}.package-breakdown{display:grid;grid-template-columns:1fr}.package-breakdown>div{min-width:0}.calculator-products-heading h2{font-size:45px}}
@media (max-width:560px){
 .site-header{height:72px;padding:0 18px}.brand img{width:42px;height:42px}.brand>span{font-size:21px}.hero{padding:45px 18px 20px;min-height:0}.hero h1{font-size:58px}.hero-copy>p{font-size:16px}.hero-actions{align-items:start;flex-direction:column}.hero-art{min-height:360px}.floor{width:390px;height:270px;right:-70px}.wedge{width:220px;right:0;top:130px}.clip{right:180px;top:145px}.burst{width:125px;height:115px;font-size:18px}.quick-strip{padding:16px;justify-content:start;overflow:auto;white-space:nowrap}.section{padding:70px 18px}.product-grid,.category-nav{grid-template-columns:1fr}.category-nav{margin-bottom:50px}.catalog-groups{gap:68px}.catalog-group-heading{grid-template-columns:auto 1fr}.catalog-group-heading b{display:none}.product-visual{height:280px}.benefits{gap:40px}.cta{padding:50px 18px;align-items:start;flex-direction:column;gap:25px}footer{padding:55px 18px 24px;grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.breadcrumbs{padding:22px 18px;overflow:hidden;white-space:nowrap}.product-page{padding:0 18px 65px;gap:45px}.product-showcase{min-height:400px}.product-showcase .tile{width:250px;height:250px}.product-showcase .piece-a{left:90px}.product-showcase .piece-b{left:180px}.pack-list{grid-template-columns:1fr}.pack-list button{flex-direction:row;justify-content:space-between;align-items:center}.delivery-note{flex-direction:column;gap:8px}.spec-section,.product-bottom{padding:65px 18px}.product-bottom .button{width:100%}.category-hero{padding:52px 18px;min-height:320px}.category-mark{display:none}.category-switcher{grid-template-columns:1fr;padding:0}.category-switcher a,.category-switcher a:nth-child(3){border:0;border-bottom:2px solid var(--ink)}.admin-content{padding:25px 16px 50px}.admin-header{align-items:start;gap:18px}.admin-status{display:none}.admin-stats,.admin-category-grid{grid-template-columns:1fr 1fr}.admin-filters{grid-template-columns:1fr}.admin-category-grid>a{grid-template-columns:auto 1fr}.admin-category-grid i{display:none}
}