.eshop{--accent:#245bde;--ink:#18223c;--muted:#59657a;--line:#dce3ef;font-family:inherit;color:var(--ink);width:100%;max-width:1280px;margin:auto;padding:clamp(12px,3vw,32px)}.eshop *{box-sizing:border-box}.eshop a{color:var(--accent)}.shop-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:14px 0 24px}.shop-nav>div{display:flex;flex-wrap:wrap;gap:16px}.shop-logo{font-size:24px;font-weight:800;text-decoration:none}.shop-logo span{display:block;font-size:12px;letter-spacing:.1em}.eshop h1{font-size:clamp(28px,5vw,46px);line-height:1.15;margin:18px 0}.hero{padding:30px clamp(18px,3vw,40px);background:linear-gradient(125deg,#e9f0ff,#f4f8ff);border-radius:20px;margin:24px 0}.hero p{max-width:760px;color:var(--muted)}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}.filters,.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.eshop label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600;margin:10px 0}.eshop input,.eshop textarea,.eshop select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #aebbd1;border-radius:9px;background:white;color:var(--ink);font:inherit}.eshop textarea{min-height:110px}.eshop .check{flex-direction:row;align-items:center}.eshop .check input{width:20px;min-height:20px}.eshop button,.eshop .button{display:inline-block;min-height:44px;background:var(--accent);color:white;border:1px solid var(--accent);border-radius:9px;padding:11px 18px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.eshop .secondary{background:#fff;color:var(--accent)}.eshop :focus-visible{outline:3px solid #e09c18;outline-offset:3px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:22px;margin:24px 0}.product-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.product-card img,.product-art{width:100%;height:215px;object-fit:contain;background:#f2f5fb}.product-art{display:flex;justify-content:center;align-items:center;font-size:65px;color:#3563b9}.card-body{padding:18px}.card-body h2{font-size:18px}.card-body h2 a{text-decoration:none;color:var(--ink)}.price{font-size:21px;font-weight:800}.badge{font-size:12px;background:#eaf4ec;color:#275b33;padding:5px 9px;border-radius:20px;display:inline-block}.panel{border:1px solid var(--line);background:white;padding:22px;border-radius:14px;margin:22px 0}.empty{padding:35px;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:25px 0}.gallery{display:grid;gap:16px}.gallery img{width:100%;max-height:460px;object-fit:contain;background:#f5f7fb;border-radius:14px}.variant-photo{max-width:150px}.actions,.inline,.pagination{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.cart-row{display:grid;grid-template-columns:1fr 260px 120px;gap:20px;border-bottom:1px solid var(--line);padding:20px 0;align-items:center}.description{white-space:pre-wrap;overflow-wrap:anywhere}.eshop dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.eshop dd{margin:0}.table-wrap{overflow-x:auto;margin:20px 0}.eshop table{border-collapse:collapse;width:100%;min-width:480px}.eshop th,.eshop td{border-bottom:1px solid var(--line);padding:12px;text-align:left;overflow-wrap:anywhere}.skip{position:absolute;left:-9999px}.skip:focus{position:static}.eshop fieldset{border:0;padding:0;min-width:0}@media(max-width:700px){.detail-grid{grid-template-columns:1fr}.cart-row{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card img,.product-art{height:145px}.card-body{padding:12px}.card-body h2{font-size:16px}.shop-nav>div{gap:12px;font-size:14px}.panel{padding:16px}.eshop .form-grid{grid-template-columns:1fr}.price{font-size:18px}.hero{padding:22px 18px}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:350px){.product-grid,.filters{grid-template-columns:1fr}}
/* DUDOFO's existing dark surfaces, orange accent and system typography. */
.eshop{--accent:#ff7a1a;--ink:#f6f7fb;--muted:#b5bed0;--line:#344158;background:#0b0e14}.eshop .hero{background:linear-gradient(125deg,#243247,#151c2a);min-height:0;display:block;border-color:var(--line)}.eshop .panel,.eshop .product-card{background:#141923}.eshop input,.eshop textarea,.eshop select{background:#1c2330;color:var(--ink);border-color:#60718e}.eshop button,.eshop .button{color:#141923}.eshop .secondary{background:#141923;color:var(--accent)}.eshop .shop-nav{position:static;display:flex;flex-direction:row;right:auto;top:auto;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:14px 0 24px;width:auto}.eshop .pagination{position:static;display:flex;flex-direction:row;right:auto;top:auto;background:transparent;border:0;padding:10px 0}.eshop .product-art{color:#245b5c}.eshop .shop-logo span{color:var(--muted)}.eshop-entry{position:static;display:flex;justify-content:center;padding:10px;color:var(--accent);border:0;background:transparent}.eshop .empty{color:var(--muted)}

.layout.eshop-layout{grid-template-columns:minmax(0,1fr);max-width:1280px;width:96vw}.eshop .product-art{background:#e9edf5}

/* Keyboard targets stay clear of the existing sticky header. */
.eshop [id],.eshop input,.eshop select,.eshop textarea,.eshop button,.eshop a{scroll-margin-top:100px}
body:has(.eshop) .header :focus-visible{outline:3px solid #ffae42;outline-offset:3px}
.eshop .skip:focus{display:block;padding:12px;background:#141923;color:#ffae42}
/* Native date-picker affordances remain visible on DUDOFO's dark inputs. */
.eshop input[type="date"]{color-scheme:dark}