/* INOXMEISTER Motion System v6 (performance refinements) — interactions are decorative, never required for navigation. */
:root { --motion-ease: cubic-bezier(.22,1,.36,1); --motion-snappy: cubic-bezier(.2,.8,.2,1); }

/* High-value interface polish */
.header { transition: box-shadow .35s var(--motion-ease), background .35s ease; }
.header.is-scrolled { box-shadow:0 10px 35px rgba(16,36,58,.11); }
.nav a:after { transition: transform .3s var(--motion-ease); transform-origin:center; }
.nav a:not(.active):after { content:"";position:absolute;left:0;right:0;bottom:15px;height:2px;background:var(--blue);transform:scaleX(0); }
.nav a:hover:after { transform:scaleX(1); }
.header-search { transition: background .25s, box-shadow .25s, border-color .25s; }
.header-search:focus-within { background:#fff;border-color:#88b4dc;box-shadow:0 0 0 4px rgba(24,101,185,.11); }
.icon-btn, .add-icon, .favorite, .option-pill, .stepper button, .thumb, .view-toggle button, .back-to-top { transition:transform .3s var(--motion-ease), box-shadow .3s var(--motion-ease), background .25s, color .25s, border-color .25s; }
.icon-btn:hover, .stepper button:hover, .view-toggle button:hover { transform:none; }
.icon-btn:active, .add-icon:active, .btn:active, .option-pill:active { transform:scale(.94); }
.favorite:hover { transform:none; box-shadow:0 4px 12px rgba(16,42,75,.08); }
.add-icon:hover { transform:translateY(-1px); box-shadow:0 4px 10px rgba(22,95,175,.12); }
.option-pill:hover:not(.active) { transform:none;border-color:#88b5de; }
.option-pill.active { box-shadow:0 0 0 3px rgba(27,100,185,.12); }
.btn { position:relative; overflow:hidden; isolation:isolate; transition:background .25s, transform .3s var(--motion-ease), box-shadow .3s; }
.btn:hover { transform:translateY(-1px);box-shadow:0 5px 13px rgba(11,66,124,.12); }
.btn svg, .text-link svg, .cat-bottom svg { transition:transform .3s var(--motion-ease); }
.btn:hover svg:last-child, .text-link:hover svg, .cat-card:hover .cat-bottom svg { transform:translateX(4px); }
.text-link { transition:color .2s, gap .3s var(--motion-ease); }
button:focus-visible, a:focus-visible, [role=link]:focus-visible, input:focus-visible, select:focus-visible { outline:2px solid #3993ef;outline-offset:3px; }

/* Cinematic hero, pointer-responsive lighting */
.hero-wrap { --spot-x:76%;--spot-y:45%; }
.hero-wrap::after { content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(510px circle at var(--spot-x) var(--spot-y),rgba(91,171,233,.14),transparent 67%);transition:opacity .3s; }
.hero-wrap:before { animation:none; }
.hero-content { position:relative; z-index:2; }
.hero-kicker { animation:enter-up .5s both .03s var(--motion-ease); }
.hero h1 { animation:enter-up .6s both .09s var(--motion-ease); }
.hero-content>p { animation:enter-up .5s both .17s var(--motion-ease); }
.hero-ctas { animation:enter-up .5s both .22s var(--motion-ease); }
.hero-visual { --motion-x:0px;--motion-y:0px; transform:translate3d(var(--motion-x),var(--motion-y),0);transition:transform .5s var(--motion-ease); }
.hero-image-frame { animation:none; box-shadow:0 30px 100px rgba(0,0,0,.23),0 0 80px rgba(117,180,230,.12); }
.hero-image-frame img { transition:transform .8s var(--motion-ease); }
.hero-visual:hover .hero-image-frame img { transform:scale(1.018); }
.hero-ring { animation:none; }
.hero-ring::after { border-style:dashed; animation:none; }
.hero-stamp { animation:none; }
.hero-wrap::selection { background:#9bc9f9;color:#10233b; }

/* Scroll reveals are powered by Web Animations API.
   Elements stay visible by default, including full-page screenshots and no-JS scenarios. */

/* Product cards: lift, zoom, directional light, and quick view */
.product-card { position:relative;transform-style:preserve-3d;transition:transform .38s var(--motion-ease),box-shadow .38s var(--motion-ease),border-color .3s;will-change:auto; }
.product-card:hover { border-color:#ccdbe8;box-shadow:0 12px 28px rgba(21,53,82,.10);transform:translateY(-2px); }
.prod-image { overflow:hidden;isolation:isolate; }
.prod-image:after { content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,rgba(255,255,255,.25),rgba(255,255,255,.02));opacity:0;transition:opacity .3s; }
.product-card:hover .prod-image:after { opacity:1; }
.prod-image img { transition:transform .45s var(--motion-ease),filter .35s ease; }
.product-card:hover .prod-image img { transform:scale(1.02);filter:none; }
.prod-badge,.favorite { z-index:3; }
.quick-view { position:absolute;z-index:4;bottom:13px;left:50%;transform:translate(-50%,13px);opacity:0;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#18344f;border:1px solid #d6e5f0;border-radius:7px;padding:10px 18px;font-weight:800;font-size:11px;white-space:nowrap;box-shadow:0 8px 26px rgba(22,50,81,.14);transition:transform .4s var(--motion-ease),opacity .25s,background .25s;pointer-events:none; }
.quick-view svg {width:15px;height:15px;}
.product-card:hover .quick-view,.product-card:focus-within .quick-view { transform:translate(-50%,0);opacity:1;pointer-events:auto; }
.quick-view:hover { background:#e8f2fd; }
.cat-card { position:relative;transition:transform .4s var(--motion-ease),box-shadow .4s var(--motion-ease),border-color .3s; }
.cat-card:hover { transform:translateY(-3px);box-shadow:0 12px 26px rgba(20,51,83,.08);border-color:#cfdfec; }
.cat-img { overflow:hidden; }
.cat-img img { transition:transform .9s var(--motion-ease); }
.cat-card:hover .cat-img img { transform:scale(1.02); }
.trust-item>svg {transition:transform .45s var(--motion-ease);}
.trust-item:hover>svg { transform:none; }
.industry-chips span {transition:transform .3s var(--motion-ease),background .3s;}
.industry-chips span:hover {transform:none;background:rgba(255,255,255,.14);}
.expert-image {overflow:hidden;}
.expert-image img {transition:transform 1.1s var(--motion-ease);}
.expert-image:hover img {transform:scale(1.018);}
.gallery-main img {transition:transform .8s var(--motion-ease),filter .4s;}
.gallery-main:not(.zoom):hover img {transform:scale(1.018);}
.product-overview .detail-price {animation:none;}
.spec-tabs button {transition:color .25s,background .25s;}
.detail-content { animation:none; }
.thumb:hover { transform:none; }
.cart-item { transition:background .3s,transform .4s var(--motion-ease); }
.cart-item:hover { background:#f9fbfe; }
.shipping-option { transition:border-color .3s,box-shadow .3s,transform .3s; }
.shipping-option:hover { transform:none;border-color:#a6c2de; }

/* Form refinements */
.field input, .field textarea, .field select, .sort-select {transition:border-color .25s,box-shadow .25s,background .25s;}
.field input:focus, .field textarea:focus, .field select:focus,.sort-select:focus {box-shadow:0 0 0 4px rgba(34,113,197,.1);}
.filter-check {transition:color .2s,transform .2s;}
.filter-check:hover {color:var(--blue);transform:none;}
.filter-title {cursor:pointer;display:flex;justify-content:space-between;align-items:center;}
.filter-title svg {transition:transform .35s var(--motion-ease);}
.filter-section.is-collapsed .filter-title svg {transform:rotate(-90deg);}
.filter-section .filter-check {max-height:46px;opacity:1;overflow:hidden;transition:opacity .18s ease;}
.filter-section.is-collapsed .filter-check {display:none;pointer-events:none;}

/* Scroll indicator, toast and deliberate interaction feedback */
#scroll-progress {position:fixed;left:0;top:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left center;z-index:200;background:#478bc7;pointer-events:none;transition:none;}
#toast-host .toast {animation:toast-enter .4s var(--motion-ease) both;box-shadow:0 18px 45px rgba(16,43,74,.17);}
#toast-host .toast.toast-out {animation:toast-exit .35s ease both;}
.count-badge {transition:transform .3s var(--motion-ease);}
.icon-btn.cart-bump svg {animation:cart-bump .3s var(--motion-ease);}
.icon-btn.cart-bump .count-badge {animation:count-pop .3s var(--motion-ease);}
.motion-fly {position:fixed;z-index:190;pointer-events:none;width:76px;height:76px;border-radius:13px;background:#fff;object-fit:contain;border:1px solid #d5e4ee;box-shadow:0 15px 38px rgba(15,47,86,.25);}
.spark-particle {position:fixed;z-index:190;pointer-events:none;background:#2a7bce;width:6px;height:6px;border-radius:50%;}
.btn-ripple {position:absolute;z-index:6;border-radius:50%;background:rgba(255,255,255,.38);transform:translate(-50%,-50%) scale(0);animation:ripple .62s ease-out forwards;pointer-events:none;}

/* Product quick-view dialog */
.quick-overlay {position:fixed;inset:0;z-index:180;display:grid;place-items:center;padding:22px;background:rgba(8,23,40,.62);backdrop-filter:blur(5px);animation:overlay-enter .18s ease both;}
.quick-overlay.is-closing {animation:overlay-leave .22s ease both;}
.quick-modal {width:min(820px,100%);max-height:min(680px,calc(100dvh - 44px));overflow:auto;background:#fff;color:#17263a;border-radius:20px;position:relative;box-shadow:0 30px 90px rgba(3,14,27,.3);display:grid;grid-template-columns:1fr 1.05fr;animation:modal-enter .22s var(--motion-ease) both;}
.quick-overlay.is-closing .quick-modal {animation:modal-leave .22s ease both;}
.quick-close {position:absolute;z-index:5;top:17px;right:17px;width:37px;height:37px;display:grid;place-items:center;border:1px solid #e1e9f0;background:#fff;border-radius:50%;color:#54687c;transition:background .2s;}
.quick-close:hover {background:#e9f3fc;}
.quick-close svg {width:17px;height:17px;}
.quick-photo {background:linear-gradient(145deg,#f5f8fb,#e8eff5);display:grid;place-items:center;min-height:410px;padding:32px;position:relative;overflow:hidden;}
.quick-photo:before {content:"";position:absolute;width:68%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(28,88,142,.1);}
.quick-photo img {width:100%;max-width:340px;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 16px 22px rgba(10,35,67,.13));animation:none;}
.quick-copy {padding:54px 44px 38px;display:flex;flex-direction:column;gap:14px;}
.quick-label {font-size:10px;color:var(--blue);font-weight:800;letter-spacing:.15em;text-transform:uppercase;}
.quick-copy h2 {font:800 clamp(22px,2.3vw,30px)/1.25 Manrope,sans-serif;letter-spacing:-.055em;margin:0;}
.quick-meta {font-size:12px;line-height:1.7;color:#738497;margin:0;}
.quick-price {font:800 28px Manrope,sans-serif;letter-spacing:-.04em;margin-top:7px;}
.quick-price small {font:500 11px 'DM Sans',sans-serif;color:#8798a7;display:block;letter-spacing:0;margin-top:5px;}
.quick-copy .pill-row {margin:2px 0 7px;}
.quick-copy .option-pill {font-size:10px;padding:8px 11px;}
.quick-actions {display:grid;gap:9px;margin-top:auto;}
.quick-stock {font-size:11px;color:#16845b;display:flex;align-items:center;gap:6px;}
.quick-stock:before {content:"";width:6px;height:6px;border-radius:50%;background:#25af78;}
.quick-modal .text-link {justify-content:center;}

/* Search quick suggestions */
.header-search {position:relative;}
.search-suggestions {position:absolute;left:0;right:0;top:calc(100% + 9px);z-index:100;background:#fff;box-shadow:0 20px 45px rgba(11,37,64,.16);border:1px solid #d9e5ee;border-radius:11px;padding:8px;animation:panel-in .18s var(--motion-ease) both;}
.suggestion {border:0;background:transparent;text-align:left;width:100%;display:flex;align-items:center;gap:10px;padding:7px;border-radius:8px;color:#293c50;transition:background .2s;}
.suggestion:hover,.suggestion.highlight,.suggestion:focus-visible {background:#ecf4fc;}
.suggestion img {width:37px;height:37px;border-radius:5px;object-fit:contain;background:#f3f6fa;}
.suggestion strong {font-size:11px;line-height:1.4;display:block;}
.suggestion small {color:#899bab;display:block;margin-top:3px;font-size:10px;}
.suggestion-footer {border-top:1px solid #e8edf3;font-size:10px;color:#6885a0;padding:10px 9px 4px;}

@keyframes hero-glow {from{opacity:.65;transform:scale(1)}to{opacity:1;transform:scale(1.08)}}
@keyframes enter-up {from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-float {0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-13px,0)}}
@keyframes stamp-drift {from{transform:translateY(0)}to{transform:translateY(-9px)}}
@keyframes ring-turn {from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes ring-dash {from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes price-in {from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes panel-in {from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes toast-enter {from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes toast-exit {to{opacity:0;transform:translateY(10px) scale(.96)}}
@keyframes cart-bump {0%,100%{transform:scale(1)}40%{transform:scale(1.12)}}
@keyframes count-pop {0%{transform:scale(.85)}60%{transform:scale(1.12)}100%{transform:scale(1)}}
@keyframes ripple {to{opacity:0;transform:translate(-50%,-50%) scale(2.3)}}
@keyframes overlay-enter {from{opacity:0}to{opacity:1}}
@keyframes overlay-leave {from{opacity:1}to{opacity:0}}
@keyframes modal-enter {from{opacity:0;transform:translateY(28px) scale(.965)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes modal-leave {to{opacity:0;transform:translateY(15px) scale(.98)}}
@keyframes quick-image-enter {from{opacity:0;transform:translateY(18px) rotate(-4deg) scale(.92)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}

@media (hover:none), (pointer:coarse) {
 .quick-view {position:static;transform:none;opacity:1;pointer-events:auto;margin-top:8px;box-shadow:none;font-size:10px;padding:8px 12px;}
 .prod-image {flex-direction:column;}
 .prod-image img {min-height:0;flex:1;}
 .hero-visual {transform:none!important;}
}
@media (max-width:820px) {
 .quick-modal {grid-template-columns:1fr 1.1fr;}
 .quick-copy {padding:52px 24px 26px;}
 .quick-photo {padding:16px;min-height:350px;}
}
@media (max-width:620px) {
 .quick-modal {display:block;max-height:calc(100dvh - 30px);border-radius:15px;}
 .quick-overlay {padding:15px;}
 .quick-photo {min-height:0;height:225px;padding:16px;}
 .quick-photo img {height:100%;width:auto;}
 .quick-copy {padding:22px 25px 27px;gap:10px;}
 .quick-copy h2 {font-size:21px;}
 .quick-price {font-size:23px;}
 .quick-close {top:10px;right:10px;}
 .search-suggestions {left:-46px;right:-54px;}
 .hero-image-frame {animation:none;}
 .product-card:hover {transform:none;}
}
@media (prefers-reduced-motion:reduce) {
 *, *::before, *::after {scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
 .reveal,.reveal[data-reveal] {opacity:1!important;transform:none!important;filter:none!important;}
 .hero-visual {transform:none!important;}
 .quick-view {opacity:1;transform:translate(-50%,0);pointer-events:auto;}
}

/* Selection changes are intentionally instant. Only interactive affordances transition. */
.shipping-option:has(input:checked) {border-color:var(--blue);background:#f5faff;}
.spec-tabs button,.option-pill,.shipping-option,.view-toggle button {animation:none!important;}



/* Static photo hero: intentionally no moving spotlight or parallax. */
.hero-wrap.hero-static::after {display:none!important}

/* INOXMEISTER v7 — engineering-led Quick View. No decorative circular image outline. */
.quick-modal{width:min(1080px,100%);grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);max-height:calc(100dvh - 42px);border-radius:17px}
.quick-photo,.quick-photo:before{display:none!important}
.quick-media{background:#f1f5f8;border-right:1px solid #e0e8ef;padding:26px 27px 20px;min-width:0;display:flex;flex-direction:column;gap:14px}
.quick-media-eyebrow{display:flex;justify-content:space-between;gap:16px;color:#647f99;font-size:10px;letter-spacing:.14em;font-weight:800}
.quick-stage{min-height:290px;flex:1;max-height:395px;position:relative;overflow:hidden;border-radius:9px;background:#fff;border:1px solid #e4ebf1}
.quick-stage-panel{width:100%;height:100%;min-height:290px;display:flex;align-items:center;justify-content:center}
.quick-stage-panel[hidden]{display:none!important}
.quick-stage-photo{background:linear-gradient(150deg,#ffffff,#f5f8fa);padding:23px}
.quick-stage-photo img{width:100%;height:100%;max-height:352px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 15px 16px rgba(24,46,73,.10))}
.quick-stage-drawing{background:#fff;padding:6px}
.quick-stage-drawing>div{height:100%;width:100%}
.q-blueprint{height:100%;display:flex;flex-direction:column;gap:0;background:#fff}.q-blueprint svg{height:100%;min-height:205px;width:100%;stroke:unset}.q-blueprint-top,.q-blueprint-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:9px;letter-spacing:.11em;color:#60819e;font-weight:800}.q-blueprint-bottom{border-top:1px solid #e5edf3;color:#8d9dad}.q-blueprint-bottom strong{color:#9b6d50}
.quick-media-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-media-option{display:flex;align-items:center;gap:10px;text-align:left;min-width:0;min-height:66px;border:1px solid #dce5ed;border-radius:9px;background:#fff;color:#273d54;padding:7px 10px;cursor:pointer;transition:border-color .15s,background .15s}.quick-media-option:hover{border-color:#a2c0de}.quick-media-option.active{background:#eaf3fc;border-color:#4388ca;box-shadow:0 0 0 2px rgba(30,102,179,.06)}.quick-media-thumb{width:49px;height:49px;flex:0 0 49px;border-radius:5px;background:#f4f7fa;display:grid;place-items:center;overflow:hidden}.quick-media-thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.quick-media-thumb-svg{color:#1f609d;background:repeating-linear-gradient(0deg,#eef5fb,#eef5fb 8px,#dfebf5 9px)}.quick-media-thumb-svg svg{width:27px;height:27px}.quick-media-option>span:last-child{font-size:11px;font-weight:800;line-height:1.3}.quick-media-option small{font-size:9px;display:block;font-weight:500;color:#8294a4;margin-top:3px}.quick-media-footnote{font-size:9px;line-height:1.5;color:#7a8e9e}
.quick-copy{padding:31px 38px 27px;gap:10px;min-width:0}.quick-copy h2{font-size:clamp(21px,2.1vw,28px);padding-right:17px;line-height:1.23}.quick-meta{font-size:11px;line-height:1.5}.quick-price{font-size:26px;margin-top:0}.quick-price small{margin-top:2px}.quick-stock{font-size:10px}.quick-size-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}.quick-size-heading strong{font-size:11px;color:var(--blue)}.quick-copy .pill-row{margin:0;gap:6px}.quick-copy .option-pill{font-size:10px;padding:8px 11px}.quick-tech-head{margin-top:4px;border-bottom:1px solid #e4eaf1;padding-bottom:8px;display:flex;align-items:center;justify-content:space-between;color:#234059;font-size:10px;font-weight:800;letter-spacing:.09em}.quick-tech-head small{color:#8d9eac;letter-spacing:0;font-weight:500}.quick-tech-head svg{width:16px;height:16px;color:#4a83b8}.quick-dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.quick-dimension-row{min-width:0;background:#f3f7fa;border:1px solid #e6edf3;border-radius:6px;padding:9px 10px}.quick-dimension-row>span{display:flex;align-items:center;gap:6px;font-size:9px;color:#71869a;white-space:nowrap}.quick-dimension-row>span b{font-size:10px;color:#1d619f}.quick-dimension-row>strong{display:block;margin-top:5px;font-size:15px;font-family:Manrope,sans-serif;color:#223c56}.quick-dimension-row>strong small{font-size:9px;font-weight:500;color:#748ba0}.quick-essentials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:8px 0}.quick-essentials div{min-width:0}.quick-essentials span{display:block;font-size:9px;color:#8294a6;margin-bottom:4px}.quick-essentials strong{font-size:10px;line-height:1.4;color:#2f4c68;display:block;overflow-wrap:anywhere}.quick-actions{gap:8px;margin-top:6px}.quick-actions .btn{min-height:41px}.quick-close{position:sticky;margin-left:auto;float:right;top:13px;right:14px;transform:translate(0,0);z-index:10;height:35px;width:35px;margin-bottom:-35px;background:rgba(255,255,255,.96)}
@media(max-width:900px){.quick-modal{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.quick-media{padding:22px 16px}.quick-copy{padding:29px 19px 22px}.quick-stage{min-height:245px}.quick-stage-panel{min-height:245px}.quick-media-option{padding:6px;gap:7px}.quick-media-thumb{width:39px;height:39px;flex-basis:39px}.quick-media-option>span:last-child{font-size:10px}}
@media(max-width:620px){.quick-overlay{padding:10px}.quick-modal{display:flex;flex-direction:column;width:min(510px,100%);max-height:calc(100dvh - 20px);border-radius:13px}.quick-media{padding:17px;gap:9px}.quick-media-eyebrow{padding-right:50px;font-size:9px}.quick-stage{min-height:200px;max-height:none;height:210px;flex:none}.quick-stage-panel{min-height:200px}.quick-stage-photo{padding:10px}.quick-stage-photo img{max-height:190px}.quick-stage-drawing{padding:0}.q-blueprint svg{min-height:120px}.q-blueprint-top,.q-blueprint-bottom{padding:4px 10px;font-size:8px}.quick-media-options{gap:7px}.quick-media-option{min-height:48px}.quick-media-thumb{width:34px;height:34px;flex-basis:34px}.quick-media-footnote{font-size:8px}.quick-copy{padding:20px 21px 23px;gap:9px}.quick-copy h2{font-size:21px}.quick-price{font-size:24px}.quick-dimension-row{padding:7px}.quick-dimension-row>span{font-size:8px;gap:3px;white-space:normal}.quick-dimension-row>strong{font-size:13px}.quick-essentials{gap:5px}.quick-essentials strong{font-size:9px}.quick-close{position:sticky;top:9px;right:10px;margin-bottom:-35px;flex:none}}
@media(prefers-reduced-motion:reduce){.quick-media-option{transition:none}}
/* Close control is an overlay, not a third CSS-grid item. */
.quick-modal>.quick-close{position:absolute;top:14px;right:14px;left:auto;float:none;margin:0;transform:none;z-index:10;}
@media(max-width:620px){.quick-modal>.quick-close{top:9px;right:9px}}