:root { --ink:#102533; --ink-deep:#071a28; --amber:#f1a51b; --amber-strong:#dd8910; --teal:#128094; --sky:#cceff2; --paper:#f6f4ef; --white:#fff; --line:#d9e1e2; --muted:#627681; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"DM Sans",Arial,sans-serif; line-height:1.55; }
button,input,select,textarea { font:inherit; }
button { cursor:pointer; }
img { display:block; width:100%; }
a { color:inherit; text-decoration:none; }
.container { width:min(1180px,calc(100% - 48px)); margin:0 auto; }
.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; }
.service-strip { background:var(--ink-deep); color:#d7e7e9; font-size:.77rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.strip-content { min-height:38px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.navigation { min-height:94px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:inline-flex; align-items:center; gap:10px; font-family:"Manrope",sans-serif; font-weight:800; font-size:1.2rem; letter-spacing:-.035em; }
.brand-badge { display:inline-grid; place-items:center; min-width:51px; height:35px; border-radius:4px; background:var(--amber); color:var(--ink-deep); font-size:.78rem; letter-spacing:.03em; }
.brand-name { color:var(--ink); }
.nav-panel { display:flex; align-items:center; gap:30px; font-weight:600; color:#4b606b; }
.nav-panel a:hover, .nav-panel a:focus-visible { color:var(--ink); }
.menu-toggle { display:none; border:0; background:none; padding:7px; }
.menu-toggle span:not(.visually-hidden) { display:block; width:24px; height:2px; margin:5px; background:var(--ink); }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 20px; border:1px solid transparent; font-weight:800; transition:transform .18s ease,background .18s ease,color .18s ease; }
.button:hover { transform:translateY(-2px); }
.button-primary { background:var(--amber); color:var(--ink-deep); }
.button-primary:hover { background:var(--amber-strong); }
.button-dark { background:var(--ink-deep); color:#fff; }
.button-ghost { background:#fff; border-color:#cbd8dc; color:var(--ink); }
.hero { overflow:hidden; background:var(--ink-deep); color:#fff; }
.hero-grid { min-height:600px; display:grid; grid-template-columns:1.02fr .98fr; align-items:stretch; }
.hero-copy { padding:90px 64px 72px 0; display:flex; flex-direction:column; justify-content:center; }
.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 18px; color:#9cebf6; font-size:.76rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.eyebrow span { display:block; width:34px; height:2px; background:currentColor; }
.eyebrow-dark { color:var(--teal); }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { font-family:"Manrope",sans-serif; line-height:1.08; letter-spacing:-.045em; }
h1 { max-width:650px; margin-bottom:24px; font-size:clamp(3rem,5vw,5.8rem); }
h2 { margin-bottom:18px; font-size:clamp(2.05rem,3.7vw,4.1rem); }
h3 { margin-bottom:10px; font-size:1.18rem; }
.hero-text { max-width:555px; color:#d1dfe0; font-size:1.1rem; }
.hero-actions { display:flex; align-items:center; gap:28px; margin-top:15px; }
.text-link { border:0; background:none; color:#fff; font-weight:800; padding:7px 0; }
.text-link span { color:var(--amber); font-size:1.3em; padding-left:4px; }
.hero-points { display:flex; flex-wrap:wrap; gap:22px; margin-top:54px; color:#bfced1; font-size:.82rem; font-weight:700; }
.hero-points b { margin-right:6px; color:var(--amber); }
.hero-media { min-height:100%; position:relative; overflow:hidden; }
.hero-media::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,var(--ink-deep) 0%,transparent 35%),linear-gradient(0deg,rgba(7,26,40,.46),rgba(7,26,40,.03)); }
.hero-media img { height:100%; object-fit:cover; object-position:center; }
.hero-media-card { position:absolute; z-index:1; right:28px; bottom:30px; width:min(330px,calc(100% - 42px)); padding:22px; background:rgba(4,22,33,.86); border:1px solid rgba(161,226,230,.43); backdrop-filter:blur(7px); }
.hero-media-card p { margin-bottom:5px; color:#a8edf4; font-size:.78rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.hero-media-card strong { font-family:"Manrope"; font-size:1.05rem; line-height:1.25; }
.status-dot { display:inline-block; width:8px; height:8px; margin-right:8px; border-radius:50%; background:#58d79c; }
.section { padding:105px 0; }
.section-light { background:var(--paper); }
.section-intro { margin-bottom:44px; }
.section-intro-wide { display:grid; grid-template-columns:1.2fr .8fr; align-items:end; gap:42px; }
.section-intro-wide h2 { max-width:650px; margin-bottom:0; }
.section-intro-wide > p { max-width:420px; margin:0 0 6px; color:var(--muted); font-size:1.03rem; }
.category-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.category-card { min-height:270px; padding:28px; display:flex; flex-direction:column; border:1px solid var(--line); background:#fff; }
.category-card h3 { margin:23px 0 8px; }
.category-card p { color:var(--muted); font-size:.94rem; }
.category-icon { display:grid; place-items:center; width:45px; height:45px; border-radius:50%; background:#e1f4f5; color:var(--teal); font-size:1.5rem; font-weight:700; }
.category-card-accent { background:var(--ink); border-color:var(--ink); color:#fff; }
.category-card-accent p { color:#d0dfe2; }
.category-card-accent .category-icon { background:var(--amber); color:var(--ink-deep); }
.card-link { display:inline-flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto; padding:0; border:0; background:none; color:var(--ink); font-weight:800; text-align:left; }
.category-card-accent .card-link { color:#fff; }
.card-link span { color:var(--amber-strong); font-size:1.2em; }
.services-section { background:#fff; }
.services-grid { display:grid; grid-template-columns:.86fr 1.14fr; gap:78px; align-items:center; }
.services-photo { position:relative; }
.services-photo img { min-height:600px; object-fit:cover; }
.services-photo p { position:absolute; bottom:0; left:0; margin:0; padding:15px 18px; background:var(--amber); color:var(--ink-deep); font-size:.8rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.section-copy { max-width:600px; color:var(--muted); font-size:1.05rem; }
.service-list { margin:35px 0 30px; border-top:1px solid var(--line); }
.service-list article { display:grid; grid-template-columns:52px 1fr; padding:18px 0; border-bottom:1px solid var(--line); }
.service-list span { color:var(--amber-strong); font-size:.82rem; font-weight:800; }
.service-list h3 { margin-bottom:3px; font-size:1.08rem; }
.service-list p { margin:0; color:var(--muted); font-size:.93rem; }
.areas-section { background:var(--ink-deep); color:#fff; }
.areas-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:60px; align-items:end; }
.areas-grid > div > p:not(.eyebrow) { max-width:490px; color:#c9d9dc; font-size:1.05rem; }
.area-cards { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.area-cards article { min-height:220px; padding:30px; border:1px solid #345060; background:#0d2c3d; }
.area-cards span { color:var(--amber); font-weight:800; font-size:.83rem; }
.area-cards h3 { margin-top:47px; color:#fff; }
.area-cards p { margin:0; color:#c1d5d9; font-size:.92rem; }
.projects-section { background:var(--paper); }
.project-grid { display:grid; grid-template-columns:1.15fr .85fr .85fr; grid-template-rows:270px 270px; gap:16px; }
.project-grid figure { min-width:0; position:relative; margin:0; overflow:hidden; background:var(--ink-deep); }
.project-grid .project-tall { grid-row:span 2; }
.project-grid img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.project-grid figure:hover img { transform:scale(1.04); }
.project-grid figcaption { position:absolute; left:0; right:0; bottom:0; padding:28px 18px 14px; color:#fff; background:linear-gradient(transparent,rgba(5,18,27,.9)); font-size:.83rem; font-weight:700; }
.quote-banner { padding:74px 0; background:var(--teal); color:#fff; }
.quote-banner-content { display:flex; justify-content:space-between; align-items:center; gap:30px; }
.quote-banner h2 { max-width:740px; margin:0; font-size:clamp(2rem,3.4vw,3.7rem); }
.site-footer { background:#071923; color:#e3f0f1; }
.footer-main { display:grid; grid-template-columns:1.5fr .65fr .75fr; gap:50px; padding:70px 0 55px; }
.footer-brand .brand-name { color:#fff; }
.footer-main p { max-width:330px; margin:20px 0 0; color:#adbec2; }
.footer-main h3 { margin:0 0 18px; color:#fff; font-size:1rem; letter-spacing:0; }
.footer-main a:not(.brand) { display:block; margin:9px 0; color:#adbec2; font-size:.93rem; }
.footer-main a:not(.brand):hover { color:#fff; }
.footer-quote { margin-top:18px; padding:0; border:0; background:none; color:var(--amber); font-weight:800; }
.footer-bottom { display:flex; justify-content:space-between; gap:25px; padding:23px 0; border-top:1px solid #26404b; color:#9db0b5; font-size:.8rem; }
.floating-quote { position:fixed; z-index:4; right:24px; bottom:24px; display:inline-flex; align-items:center; gap:8px; padding:14px 17px; border:0; border-radius:3px; background:var(--amber); color:var(--ink-deep); box-shadow:0 12px 28px rgba(0,0,0,.25); font-weight:800; }
.floating-quote span { font-size:1.12em; }
.quote-modal { width:min(690px,calc(100% - 28px)); max-height:calc(100vh - 28px); padding:0; border:0; background:#fff; color:var(--ink); box-shadow:0 25px 80px rgba(0,0,0,.38); overflow:auto; }
.quote-modal::backdrop { background:rgba(4,19,29,.78); backdrop-filter:blur(3px); }
.modal-header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:34px 35px 4px; }
.modal-header h2 { margin:0; font-size:2.45rem; }
.modal-close { width:40px; height:40px; border:0; background:#eaf0f1; color:var(--ink); font-size:1.75rem; line-height:1; }
.modal-copy { padding:0 35px; color:var(--muted); }
.quote-modal form { padding:12px 35px 35px; }
.quote-modal label { display:block; margin:15px 0; color:var(--ink); font-size:.84rem; font-weight:800; }
.quote-modal small { color:var(--muted); font-weight:500; }
.quote-modal input,.quote-modal select,.quote-modal textarea { width:100%; margin-top:7px; padding:12px 13px; border:1px solid #c9d7da; border-radius:0; background:#fff; color:var(--ink); outline-color:var(--teal); font-weight:400; }
.quote-modal textarea { resize:vertical; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.form-actions { display:flex; justify-content:flex-end; gap:12px; margin-top:24px; }
.form-success { padding:34px 35px 42px; text-align:center; }
.form-success span { display:grid; place-items:center; width:52px; height:52px; margin:0 auto 15px; border-radius:50%; background:#ddf5e8; color:#198653; font-size:1.6rem; font-weight:800; }
.form-success h3 { font-size:1.7rem; }
.form-success p { max-width:470px; margin:0 auto 23px; color:var(--muted); }
@media (max-width:900px) { .nav-panel { gap:18px; } .hero-copy { padding-right:35px; } .category-grid { grid-template-columns:1fr 1fr; } .services-grid { gap:38px; } .footer-main { grid-template-columns:1fr 1fr; } .footer-main > :first-child { grid-column:span 2; } }
@media (max-width:720px) { .container { width:min(100% - 32px,1180px); } .strip-content { min-height:42px; justify-content:center; text-align:center; font-size:.65rem; } .strip-content span:last-child { display:none; } .navigation { position:relative; min-height:76px; } .menu-toggle { display:block; } .nav-panel { position:absolute; z-index:3; top:76px; left:0; right:0; display:none; padding:20px 16px 24px; background:#fff; border-top:1px solid var(--line); box-shadow:0 16px 25px rgba(8,25,36,.12); flex-direction:column; align-items:stretch; } .nav-panel.open { display:flex; } .nav-panel a { padding:8px 0; } .nav-quote { margin-top:7px; } .hero-grid { min-height:0; grid-template-columns:1fr; } .hero-copy { padding:70px 0 46px; } h1 { font-size:clamp(3rem,14vw,4.6rem); } .hero-media { min-height:365px; } .hero-media::after { background:linear-gradient(0deg,rgba(7,26,40,.53),rgba(7,26,40,.04)); } .hero-media-card { right:16px; bottom:16px; } .hero-points { gap:12px; margin-top:35px; } .section { padding:70px 0; } .section-intro-wide,.services-grid,.areas-grid { grid-template-columns:1fr; gap:22px; } .category-grid { grid-template-columns:1fr; } .category-card { min-height:220px; } .services-photo { order:2; } .services-photo img { min-height:350px; } .area-cards { grid-template-columns:1fr; } .area-cards article { min-height:160px; } .area-cards h3 { margin-top:28px; } .project-grid { grid-template-columns:1fr 1fr; grid-template-rows:260px 185px 185px; } .project-grid .project-tall { grid-column:span 2; grid-row:span 1; } .quote-banner-content,.footer-bottom { flex-direction:column; align-items:flex-start; } .footer-main { grid-template-columns:1fr; gap:33px; } .footer-main > :first-child { grid-column:auto; } .floating-quote { right:16px; bottom:16px; } .form-row { grid-template-columns:1fr; gap:0; } .modal-header,.quote-modal form { padding-left:22px; padding-right:22px; } .modal-copy { padding:0 22px; } }
@media (max-width:390px) { .brand-name { font-size:1rem; } .brand-badge { min-width:45px; height:31px; } .hero-actions { align-items:flex-start; flex-direction:column; gap:12px; } .project-grid { grid-template-columns:1fr; grid-template-rows:240px 190px 190px 190px; } .project-grid .project-tall { grid-column:auto; } }

/* Store, bilingual controls and customer-order experience */
.skip-link{position:absolute;top:-50px;left:12px;z-index:60;padding:10px 13px;background:var(--amber);color:var(--ink-deep);font-weight:800}.skip-link:focus{top:12px}.nav-actions{display:flex;align-items:center;gap:12px}.language-switch{display:flex;border:1px solid var(--line);background:#fff}.language-switch button{border:0;background:transparent;padding:7px 8px;color:var(--muted);font-size:.69rem;font-weight:800}.language-switch button.is-active{background:var(--ink-deep);color:#fff}.cart-button{display:flex;align-items:center;gap:8px;border:0;background:var(--amber);color:var(--ink-deep);padding:10px 11px 10px 14px;font-size:.78rem;font-weight:800}.cart-button b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ink-deep);color:white;font-size:.66rem}.nav-admin{display:none}.hero-points i{font-style:normal}.trust-row{border-bottom:1px solid var(--line)}.shop-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.filters{display:flex;flex-wrap:wrap;gap:6px}.filter{border:0;border-radius:20px;background:#e4ecec;color:var(--ink);padding:8px 12px;font-size:.75rem;font-weight:800}.filter.is-active,.filter:hover{background:var(--ink-deep);color:white}.search{display:flex;align-items:center;gap:7px;width:220px;padding:6px;border-bottom:1px solid #b7c6c8;color:var(--muted)}.search input{width:100%;border:0;outline:0;background:transparent;font-size:.82rem}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{min-width:0;border:1px solid var(--line);background:#fff}.product-visual{position:relative;display:grid;place-items:center;height:215px;overflow:hidden;background:#e9efef}.product-visual>img{width:100%;height:100%;object-fit:cover}.product-visual small{position:absolute;right:8px;bottom:8px;color:#75898f;font-size:6px;font-weight:800;letter-spacing:.06em}.product-visual i{position:relative;display:block;filter:drop-shadow(7px 12px 8px rgba(7,26,40,.18))}.visual-bulb i{width:76px;height:107px;border:5px solid #fffef5;border-radius:48% 48% 42% 42%;background:linear-gradient(125deg,#fffef4,#ffe282 45%,#d5940d)}.visual-bulb i:after{content:"";position:absolute;bottom:-35px;left:12px;width:43px;height:42px;border-radius:0 0 11px 11px;background:repeating-linear-gradient(0deg,#78818a 0 5px,#c7ccd0 5px 8px)}.visual-spot i{width:130px;height:130px;border:17px solid #fafafa;border-radius:50%;background:radial-gradient(circle,#fffde3 0 38%,#dedac9 40% 48%,#879198 50% 52%,#d4d8d7 53%);box-shadow:inset 0 0 0 5px #7d878e}.visual-switch i{width:108px;height:139px;border:6px solid #e1e5e4;border-radius:9px;background:#fff;box-shadow:inset 0 0 0 2px #c3c8c5}.visual-switch i:after{content:"";position:absolute;left:29px;top:26px;width:40px;height:75px;border-radius:7px;background:linear-gradient(105deg,#f2f2ed 0 50%,#ced4d1 51%);transform:skewY(-3deg)}.visual-socket i{width:136px;height:136px;border:8px solid #d7ddda;border-radius:15px;background:#fbfcf9;box-shadow:inset 0 0 0 4px #eff1ee}.visual-socket i:before{content:"··";position:absolute;top:31px;left:29px;width:64px;height:64px;border:3px solid #aab4b1;border-radius:50%;color:#6c7777;font-size:30px;font-weight:bold;line-height:55px;letter-spacing:19px;padding-left:19px}.visual-breaker i{width:110px;height:145px;border-radius:5px;background:linear-gradient(90deg,#dfe4e2 0 70%,#b8c1bf 71%);box-shadow:inset 0 0 0 8px #e9ece9}.visual-breaker i:after{content:"16A";position:absolute;top:32px;left:24px;padding:8px 7px;background:var(--teal);color:#fff;font:600 18px monospace}.visual-cable i{width:142px;height:142px;border:20px solid var(--amber);border-radius:50%;box-shadow:inset 0 0 0 12px #e7ad25}.visual-cable i:after{content:"";position:absolute;inset:31px;border:17px solid #e5e8e5;border-radius:50%;background:#fafaf6}.visual-panel i{width:150px;height:130px;border:10px solid #e7eae8;border-radius:4px;background:repeating-linear-gradient(90deg,#c9d0cd 0 11px,#6a747c 11px 14px,#f5f6f3 14px 20px);box-shadow:inset 0 0 0 4px #aeb7b5}.visual-strip i{width:65px;height:176px;border-radius:5px;background:linear-gradient(90deg,#a9b2b2,#fefef5 25% 75%,#a9b2b2);box-shadow:0 0 25px #ffe594;transform:rotate(75deg)}.product-content{padding:15px}.product-content>p{margin:0 0 7px;color:var(--teal);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.product-content h3{margin:0 0 5px;font-size:1rem}.product-content>span{display:block;min-height:31px;color:var(--muted);font-size:.78rem}.product-content>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.product-content b{font-size:1rem}.product-content button{border:0;background:none;color:var(--ink);padding:3px 0;font-size:.75rem;font-weight:800}.product-content button:hover{color:var(--teal)}.product-content button strong{margin-left:7px;color:var(--amber-strong);font-size:1.35em}.empty-state{padding:25px;background:#e7efef;text-align:center}.shop-note{text-align:center;margin:36px 0 0;color:var(--muted);font-size:.9rem}.shop-note a{border-bottom:1px solid currentColor;color:var(--ink);font-weight:800}.area-cards{grid-template-columns:repeat(3,1fr)}.area-cards .delivery-accent{background:var(--teal);border-color:var(--teal)}.delivery-accent h3{margin-top:28px}.delivery-accent span{font-size:1.45rem}.footer-admin{display:inline-block;margin-top:18px;color:var(--amber);font-weight:800}.cart-drawer{position:fixed;z-index:30;right:0;top:0;bottom:0;width:min(450px,100vw);padding:26px;background:var(--paper);box-shadow:-15px 0 45px rgba(0,0,0,.22);display:flex;flex-direction:column;transform:translateX(105%);transition:transform .25s ease}.cart-drawer.is-open{transform:translateX(0)}.overlay{position:fixed;inset:0;z-index:29;background:rgba(4,19,29,.72);opacity:0;visibility:hidden;transition:.25s}.overlay.is-visible{opacity:1;visibility:visible}.cart-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:19px}.cart-head h2{margin:0;font-size:2.35rem}.cart-head h2 b{color:var(--teal);font-size:.9rem;vertical-align:top}.modal-close{width:40px;height:40px;border:0;background:#eaf0f1;color:var(--ink);font-size:1.75rem;line-height:1}.cart-items{flex:1;overflow:auto;padding:12px 0}.cart-empty{padding-top:18px;color:var(--muted)}.cart-empty a{color:var(--teal);font-weight:800}.cart-item{display:grid;grid-template-columns:1fr auto;gap:8px;padding:15px 0;border-bottom:1px solid var(--line)}.cart-item h3{margin:0 0 4px;font-size:1rem}.cart-item p{margin:0;color:var(--muted);font-size:.83rem}.cart-item>button{border:0;background:none;color:var(--muted);font-size:1.4rem}.quantity{display:flex;align-items:center;gap:7px;margin-top:10px}.quantity button{width:22px;height:22px;border:1px solid var(--line);background:#fff}.quantity span{min-width:14px;text-align:center;font-size:.8rem}.cart-summary{border-top:1px solid var(--line);padding-top:15px}.cart-summary>div{display:flex;justify-content:space-between;margin:6px 0;font-size:.83rem}.cart-summary .cart-total{margin:14px 0;font-size:1.1rem}.cart-summary p{margin:9px 0 15px;color:var(--muted);font-size:.74rem}.button-full{width:100%}.checkout-form{overflow:auto;border-top:1px solid var(--line);padding-top:17px}.checkout-form h3{margin:0 0 11px;font-size:1.22rem}.checkout-form label{display:block;margin:10px 0;font-size:.77rem;font-weight:800}.checkout-form input,.checkout-form textarea{width:100%;margin-top:4px;padding:9px;border:1px solid #c9d7da;background:#fff;outline-color:var(--teal);font-weight:400}.checkout-form textarea{resize:vertical}.checkout-message{margin:10px 0 0;font-size:.78rem;font-weight:700}.checkout-message.is-error{color:#a12e27}.checkout-message.is-success{color:#147950}.toast{position:fixed;z-index:55;left:50%;bottom:25px;transform:translate(-50%,120px);padding:12px 16px;background:var(--ink-deep);color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.25);font-size:.84rem;transition:transform .25s}.toast.show{transform:translate(-50%,0)}
@media (max-width:980px){.product-grid{grid-template-columns:repeat(3,1fr)}.area-cards{grid-template-columns:1fr 1fr}.area-cards .delivery-accent{grid-column:span 2}.nav-panel{gap:15px}}@media (max-width:720px){.nav-actions{gap:7px}.language-switch button{padding:6px}.cart-button{padding:9px;font-size:0}.cart-button b{font-size:.66rem}.shop-tools{display:block}.filters{margin-bottom:17px}.search{width:100%}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product-visual{height:178px}.product-content{padding:12px}.product-content h3{font-size:.9rem}.product-content>span{font-size:.72rem}.area-cards{grid-template-columns:1fr}.area-cards .delivery-accent{grid-column:auto}.cart-drawer{padding:20px}}@media (max-width:390px){.product-grid{grid-template-columns:1fr}.product-visual{height:205px}}