/* Yazitahta price list — isolated storefront styles. */
.ytpl-page{--navy:#071f3d;--blue:#075fb9;--petrol:#0c5966;--orange:#ff7417;--ink:#13233c;--muted:#63758b;--line:#d9e5ef;--soft:#f3f8fc;--white:#fff;position:relative;padding:16px 0 48px;color:var(--ink);background:#f4f8fc;font-family:Inter,Arial,"Helvetica Neue",sans-serif}
.ytpl-page *{box-sizing:border-box}.ytpl-page button,.ytpl-page input,.ytpl-page select,.ytpl-page textarea{font:inherit}.ytpl-page button{cursor:pointer}.ytpl-page a{text-decoration:none}.ytpl-wrap{width:min(1540px,calc(100% - 32px));margin:0 auto}.ytpl-breadcrumbs{width:100%!important;max-width:none!important;margin:0!important;padding:9px clamp(16px,3vw,36px)!important;border:0!important;background:#f5f8fb!important}.ytpl-breadcrumbs .breadcrumb{margin:0!important;padding:0!important;background:transparent!important}.ytpl-breadcrumbs li,.ytpl-breadcrumbs a{color:#657990!important;font-size:12px}
.ytpl-hero{display:grid;grid-template-columns:minmax(0,1fr) 460px;align-items:center;gap:36px;margin-bottom:12px;padding:34px 40px;border:1px solid #d7e4f0;border-radius:22px;background:radial-gradient(circle at 92% 0,rgba(42,184,194,.14),transparent 35%),#fff;box-shadow:0 16px 45px rgba(7,31,61,.08)}.ytpl-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #c4dbf2;border-radius:999px;color:#0756a6;background:#edf6ff;font-size:11px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.ytpl-badge i{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#fff}.ytpl-hero h1{margin:15px 0 9px;color:var(--navy);font-size:clamp(34px,3.4vw,54px);line-height:1.04;letter-spacing:-.035em;font-weight:850}.ytpl-hero p{max-width:820px;margin:0;color:var(--muted);font-size:16px;line-height:1.65}.ytpl-hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.ytpl-hero-actions b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;color:#fff;background:var(--orange);font-size:10px}.ytpl-trust{display:grid;gap:8px}.ytpl-trust>span{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:0 12px;padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.9)}.ytpl-trust>span>i{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--petrol));font-size:17px}.ytpl-trust b{color:var(--navy);font-size:13px}.ytpl-trust small{color:var(--muted);font-size:10px}
.ytpl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 16px;border:1px solid transparent;border-radius:10px;font-size:12px;font-weight:850;line-height:1.2;transition:.18s}.ytpl-btn:hover,.ytpl-btn:focus{transform:translateY(-1px);text-decoration:none}.ytpl-btn-primary{color:#fff!important;background:var(--blue);box-shadow:0 8px 20px rgba(7,95,185,.18)}.ytpl-btn-primary:hover{background:#064e98}.ytpl-btn-light{border-color:#cbd9e7;color:var(--navy)!important;background:#fff}.ytpl-btn-cart{color:#fff;background:var(--orange);box-shadow:0 8px 20px rgba(255,116,23,.18)}.ytpl-btn-cart:hover{color:#fff;background:#e96209}.ytpl-btn-quote{border-color:#bcd4e9;color:#0756a6;background:#eef7ff}.ytpl-btn-small{width:100%;min-height:39px;padding:8px 10px;font-size:11px}
.ytpl-layout{display:grid;grid-template-columns:300px minmax(0,1fr);align-items:start;gap:12px}.ytpl-filter,.ytpl-content{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(7,31,61,.055)}.ytpl-filter{position:sticky;top:8px;overflow:hidden}.ytpl-filter-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#eef7ff,#fbfdff)}.ytpl-filter-head strong,.ytpl-filter-head small{display:block}.ytpl-filter-head strong{color:var(--navy);font-size:16px}.ytpl-filter-head small{margin-top:3px;color:var(--muted);font-size:9px}.ytpl-filter-head>button{display:none;width:40px;height:40px;border:0;border-radius:50%;color:var(--navy);background:#fff}.ytpl-filter-form{display:grid;gap:0}.ytpl-field{padding:15px 16px;border-bottom:1px solid #e9eff5}.ytpl-field>label{display:block;margin:0 0 8px;color:#304963;font-size:11px;font-weight:800}.ytpl-field input,.ytpl-field select{width:100%;height:44px;padding:9px 11px;border:1px solid #cbd9e7;border-radius:9px;color:var(--ink);background:#fff;outline:none;font-size:12px}.ytpl-field input:focus,.ytpl-field select:focus,.ytpl-quote-fields input:focus,.ytpl-quote-fields textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(7,95,185,.09)}.ytpl-input-icon{position:relative}.ytpl-input-icon i{position:absolute;top:50%;left:12px;color:#7b8ea3;transform:translateY(-50%)}.ytpl-input-icon input{padding-left:34px}.ytpl-price-range{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px}.ytpl-price-range input{min-width:0}.ytpl-price-range span{color:#8294a7}.ytpl-checks{display:grid;gap:10px;padding:15px 16px;border-bottom:1px solid #e9eff5}.ytpl-checks label,.ytpl-facet label{display:flex;align-items:center;gap:8px;margin:0;color:#40556e;font-size:11px;cursor:pointer}.ytpl-checks input,.ytpl-facet input{position:absolute;opacity:0;pointer-events:none}.ytpl-checks label>span,.ytpl-facet label>span{display:grid;place-items:center;width:18px;height:18px;flex:none;border:1px solid #bfd0df;border-radius:5px;color:transparent;background:#fff;font-size:9px}.ytpl-checks input:checked+span,.ytpl-facet input:checked+span{border-color:var(--blue);color:#fff;background:var(--blue)}.ytpl-facet{border-bottom:1px solid #e9eff5}.ytpl-facet summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:12px 16px;color:var(--navy);font-size:11px;font-weight:850;list-style:none;cursor:pointer}.ytpl-facet summary::-webkit-details-marker{display:none}.ytpl-facet[open] summary i{transform:rotate(180deg)}.ytpl-facet>div{display:grid;max-height:210px;gap:9px;overflow:auto;padding:0 16px 15px}.ytpl-facet label em{min-width:0;flex:1;overflow:hidden;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.ytpl-facet label small{min-width:24px;padding:2px 6px;border-radius:999px;color:#708398;background:#eef3f7;text-align:center;font-size:8px}.ytpl-filter-actions{display:grid;gap:9px;padding:16px}.ytpl-clear{color:#5d7289;font-size:10px;font-weight:750;text-align:center}.ytpl-mobile-tools{display:none}
.ytpl-content{min-width:0;overflow:hidden}.ytpl-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;border-bottom:1px solid var(--line)}.ytpl-toolbar>div strong,.ytpl-toolbar>div span{display:block}.ytpl-toolbar>div strong{color:var(--navy);font-size:15px}.ytpl-toolbar>div span{margin-top:3px;color:var(--muted);font-size:9px}.ytpl-toolbar label{display:flex;align-items:center;gap:9px;margin:0;color:#5b6f85;font-size:10px;font-weight:750}.ytpl-toolbar select{height:40px;padding:7px 34px 7px 10px;border:1px solid #cbd9e7;border-radius:9px;color:var(--navy);background:#fff;font-size:11px}.ytpl-table-head{display:grid;grid-template-columns:minmax(330px,1fr) 110px 150px 210px;gap:14px;padding:10px 18px 10px 122px;color:#6b7e92;background:#f6f9fc;font-size:9px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.ytpl-products{display:grid}.ytpl-product{display:grid;grid-template-columns:90px minmax(240px,1fr) 110px 150px 210px;align-items:center;gap:14px;min-width:0;padding:14px 18px;border-top:1px solid #e7edf3}.ytpl-product:first-child{border-top:0}.ytpl-product:hover{background:#fbfdff}.ytpl-product-image{display:grid;place-items:center;width:86px;height:86px;overflow:hidden;border:1px solid #dbe5ee;border-radius:12px;background:#fff}.ytpl-product-image img{display:block;max-width:100%;max-height:100%;object-fit:contain}.ytpl-product-info{min-width:0}.ytpl-category{display:block;overflow:hidden;color:#0a659e;font-size:9px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.ytpl-product h2{margin:5px 0 7px;font-size:14px;line-height:1.35}.ytpl-product h2 a{color:var(--navy)}.ytpl-product h2 a:hover{color:var(--blue)}.ytpl-codes{display:flex;flex-wrap:wrap;gap:4px 12px;color:#718298;font-size:9px}.ytpl-codes b{color:#50647b}.ytpl-detail{display:inline-flex;align-items:center;gap:5px;margin-top:7px;color:var(--blue);font-size:9px;font-weight:800}.ytpl-stock>span{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;font-size:9px;font-weight:850}.ytpl-stock .is-stock{color:#087254;background:#e9f8f2}.ytpl-stock .is-out{color:#986200;background:#fff5dc}.ytpl-stock small{display:block;margin-top:5px;color:#788a9e;font-size:8px}.ytpl-price del,.ytpl-price strong,.ytpl-price small{display:block}.ytpl-price del{color:#8a98a8;font-size:9px}.ytpl-price strong{margin:2px 0;color:var(--navy);font-size:18px;line-height:1.2}.ytpl-price small{color:#7b8da0;font-size:8px}.ytpl-buy{display:grid;grid-template-columns:76px minmax(0,1fr);gap:6px}.ytpl-buy>.ytpl-btn-quote{grid-column:1/-1}.ytpl-qty{display:grid;grid-template-columns:24px 28px 24px;height:39px;overflow:hidden;border:1px solid #cbd9e7;border-radius:9px;background:#fff}.ytpl-qty button,.ytpl-qty input{min-width:0;border:0;color:var(--navy);background:transparent;text-align:center;font-size:12px}.ytpl-qty button:hover{background:#edf6ff}.ytpl-qty input{padding:0;-moz-appearance:textfield}.ytpl-qty input::-webkit-inner-spin-button{display:none}.ytpl-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-top:1px solid var(--line)}.ytpl-pagination .pagination{margin:0}.ytpl-pagination>span{color:var(--muted);font-size:10px}.ytpl-empty{padding:70px 24px;text-align:center}.ytpl-empty>i{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 15px;border-radius:18px;color:var(--blue);background:#edf6ff;font-size:23px}.ytpl-empty h2{margin:0 0 7px;color:var(--navy);font-size:23px}.ytpl-empty p{margin:0 0 18px;color:var(--muted);font-size:12px}
.ytpl-overlay{position:fixed;z-index:10000;inset:0;display:none;background:rgba(5,22,40,.5);backdrop-filter:blur(2px)}.ytpl-quote{position:fixed;z-index:10001;top:0;right:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(520px,100%);height:100dvh;overflow:hidden;background:#fff;box-shadow:-20px 0 60px rgba(7,31,61,.22);transform:translateX(105%);transition:transform .24s ease}.ytpl-quote.is-open{transform:none}.ytpl-quote-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;border-bottom:1px solid var(--line);background:#f8fbfe}.ytpl-quote-head>div{display:flex;align-items:center;gap:11px}.ytpl-quote-head>div>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;color:#fff;background:var(--blue)}.ytpl-quote-head strong,.ytpl-quote-head small{display:block}.ytpl-quote-head strong{color:var(--navy);font-size:17px}.ytpl-quote-head small{margin-top:2px;color:var(--muted);font-size:9px}.ytpl-quote-head>button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d4e0ea;border-radius:50%;color:var(--navy);background:#fff;font-size:17px}.ytpl-quote-body{overflow:auto;padding:8px 18px}.ytpl-quote-item{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e6edf3}.ytpl-quote-item img{width:54px;height:54px;object-fit:contain;border:1px solid #dce6ef;border-radius:8px}.ytpl-quote-item strong,.ytpl-quote-item small{display:block}.ytpl-quote-item strong{color:var(--navy);font-size:11px;line-height:1.35}.ytpl-quote-item small{margin-top:3px;color:var(--muted);font-size:9px}.ytpl-quote-item>div:last-child{display:flex;align-items:center;gap:5px}.ytpl-quote-item input{width:52px;height:36px;padding:4px;border:1px solid #cad8e5;border-radius:8px;text-align:center}.ytpl-quote-remove{display:grid;place-items:center;width:36px;height:36px;border:1px solid #f0d3d6;border-radius:50%;color:#ad3e48;background:#fff7f8}.ytpl-quote-empty{padding:70px 25px;text-align:center}.ytpl-quote-empty i{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 13px;border-radius:17px;color:var(--blue);background:#edf6ff;font-size:22px}.ytpl-quote-empty strong{display:block;color:var(--navy);font-size:17px}.ytpl-quote-empty p{max-width:290px;margin:7px auto 0;color:var(--muted);font-size:11px;line-height:1.5}.ytpl-quote-form{border-top:1px solid var(--line);background:#f8fbfe}.ytpl-quote-form-head{display:flex;align-items:center;justify-content:space-between;padding:13px 18px}.ytpl-quote-form-head strong{color:var(--navy);font-size:12px}.ytpl-quote-form-head button{border:0;color:var(--blue);background:transparent;font-size:10px;font-weight:800}.ytpl-quote-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 18px 17px}.ytpl-quote-fields label{margin:0;color:#435970;font-size:9px;font-weight:800}.ytpl-quote-fields label b{color:#d33}.ytpl-quote-fields input,.ytpl-quote-fields textarea{display:block;width:100%;min-height:42px;margin-top:5px;padding:8px 10px;border:1px solid #cbd9e7;border-radius:8px;color:var(--ink);background:#fff;outline:none;font-size:12px;font-weight:400}.ytpl-quote-fields textarea{min-height:64px;resize:vertical}.ytpl-full{grid-column:1/-1}.ytpl-consent{display:flex!important;align-items:flex-start;gap:8px;font-weight:500!important;line-height:1.45}.ytpl-consent input{width:17px!important;height:17px;min-height:0!important;margin:1px 0 0!important;accent-color:var(--blue)}.ytpl-form-message{display:none;padding:9px 11px;border-radius:8px;font-size:10px}.ytpl-form-message.is-error{display:block;color:#8b2430;background:#fff0f1}.ytpl-form-message.is-success{display:block;color:#08624d;background:#e9f8f2}.ytpl-quote-fields>small{color:var(--muted);font-size:8px;text-align:center}.ytpl-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.ytpl-toast{position:fixed;z-index:10020;right:20px;bottom:20px;max-width:360px;padding:12px 15px;border-radius:10px;color:#fff;background:var(--navy);box-shadow:0 14px 36px rgba(7,31,61,.25);font-size:11px;font-weight:750;opacity:0;pointer-events:none;transform:translateY(12px);transition:.2s}.ytpl-toast.is-visible{opacity:1;transform:none}.ytpl-toast.is-error{background:#9c3340}body.ytpl-lock{overflow:hidden}
@media(max-width:1180px){.ytpl-hero{grid-template-columns:minmax(0,1fr) 390px}.ytpl-layout{grid-template-columns:270px minmax(0,1fr)}.ytpl-table-head{grid-template-columns:minmax(260px,1fr) 100px 135px 190px;padding-left:112px}.ytpl-product{grid-template-columns:80px minmax(180px,1fr) 100px 135px 190px;padding-left:14px;padding-right:14px}.ytpl-product-image{width:76px;height:76px}.ytpl-buy{grid-template-columns:68px minmax(0,1fr)}.ytpl-qty{grid-template-columns:21px 26px 21px}}
@media(max-width:980px){.ytpl-wrap{width:min(100% - 20px,1540px)}.ytpl-hero{grid-template-columns:1fr;padding:27px}.ytpl-trust{grid-template-columns:repeat(3,minmax(0,1fr))}.ytpl-trust>span{grid-template-columns:36px minmax(0,1fr);padding:10px}.ytpl-trust>span>i{width:36px;height:36px}.ytpl-mobile-tools{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.ytpl-mobile-tools span{color:var(--muted);font-size:11px;font-weight:800}.ytpl-layout{display:block}.ytpl-filter{position:fixed;z-index:10002;top:0;left:0;width:min(360px,92vw);height:100dvh;overflow:auto;border-radius:0;transform:translateX(-105%);transition:transform .24s}.ytpl-filter.is-open{transform:none}.ytpl-filter-head{position:sticky;z-index:2;top:0}.ytpl-filter-head>button{display:grid;place-items:center}.ytpl-filter-actions{position:sticky;bottom:0;border-top:1px solid var(--line);background:#fff}.ytpl-table-head{display:none}.ytpl-product{grid-template-columns:88px minmax(0,1fr) 125px 190px;grid-template-areas:"image info price buy" "image stock price buy";gap:8px 13px}.ytpl-product-image{grid-area:image;width:84px;height:84px}.ytpl-product-info{grid-area:info}.ytpl-stock{grid-area:stock}.ytpl-price{grid-area:price}.ytpl-buy{grid-area:buy}.ytpl-overlay.is-open{display:block}}
@media(max-width:700px){.ytpl-page{padding:8px 0 30px}.ytpl-wrap{width:min(100% - 12px,1540px)}.ytpl-breadcrumbs{padding:7px 9px!important}.ytpl-hero{gap:17px;margin-bottom:8px;padding:20px 16px;border-radius:15px}.ytpl-badge{padding:6px 9px;font-size:9px}.ytpl-hero h1{margin:12px 0 8px;font-size:30px}.ytpl-hero p{font-size:12px;line-height:1.55}.ytpl-hero-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:15px}.ytpl-trust{grid-template-columns:1fr;gap:5px}.ytpl-trust>span{min-height:54px}.ytpl-trust>span:nth-child(3){display:none}.ytpl-content{border-radius:14px}.ytpl-toolbar{align-items:flex-start;flex-direction:column;gap:10px;padding:12px}.ytpl-toolbar label,.ytpl-toolbar select{width:100%}.ytpl-product{grid-template-columns:74px minmax(0,1fr);grid-template-areas:"image info" "stock price" "buy buy";gap:10px;padding:12px}.ytpl-product-image{width:72px;height:72px}.ytpl-product h2{margin-top:3px;font-size:13px}.ytpl-category{font-size:8px}.ytpl-codes{font-size:8px}.ytpl-detail{display:none}.ytpl-stock{align-self:center}.ytpl-price{text-align:right}.ytpl-price strong{font-size:17px}.ytpl-buy{grid-template-columns:88px minmax(0,1fr);gap:7px}.ytpl-buy>.ytpl-btn-quote{grid-column:1/-1}.ytpl-qty{grid-template-columns:27px 32px 27px}.ytpl-btn-small{min-height:42px}.ytpl-pagination{align-items:flex-start;flex-direction:column;padding:12px}.ytpl-pagination>span{order:-1}.ytpl-pagination .pagination>li>a{min-width:38px;min-height:38px;padding:9px}.ytpl-quote-fields{grid-template-columns:1fr}.ytpl-full{grid-column:auto}.ytpl-quote-body{padding-left:13px;padding-right:13px}.ytpl-quote-fields{padding-left:13px;padding-right:13px}.ytpl-toast{right:10px;bottom:78px;left:10px;max-width:none;text-align:center}}

/* Product action controls: keep Journal's global button rules from stretching or wrapping them. */
.ytpl-page .ytpl-buy .ytpl-btn-small{min-width:0;font-size:11px;line-height:1.15;white-space:nowrap}
.ytpl-page .ytpl-buy .ytpl-btn-cart{border-color:#f06a10;background:linear-gradient(180deg,#ff7f26 0%,#f36b0c 100%);box-shadow:0 6px 14px rgba(185,73,0,.20),0 1px 2px rgba(7,31,61,.10)}
.ytpl-page .ytpl-buy .ytpl-btn-cart:hover,.ytpl-page .ytpl-buy .ytpl-btn-cart:focus{background:linear-gradient(180deg,#f7761b 0%,#e85f05 100%);box-shadow:0 8px 18px rgba(185,73,0,.24),0 2px 4px rgba(7,31,61,.12)}
.ytpl-page button.ytpl-product-image{position:relative;padding:0;cursor:zoom-in;appearance:none}.ytpl-product-image>span{position:absolute;right:6px;bottom:6px;display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(255,255,255,.86);border-radius:50%;color:#0756a6;background:rgba(255,255,255,.92);box-shadow:0 3px 9px rgba(7,31,61,.14);font-size:10px;opacity:.82;transition:.18s}.ytpl-product-image:hover>span,.ytpl-product-image:focus>span{opacity:1;transform:scale(1.05)}.ytpl-page button.ytpl-product-image:focus-visible{outline:3px solid rgba(7,95,185,.22);outline-offset:2px}
.ytpl-image-modal{position:fixed;z-index:10060;inset:0;display:grid;place-items:center;padding:16px;background:rgba(4,17,31,.58);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.ytpl-image-modal.is-open{opacity:1;visibility:visible}.ytpl-image-backdrop{position:absolute;z-index:0;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:default}.ytpl-image-dialog{position:relative;z-index:1;display:grid;place-items:center;width:min(880px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:18px 18px 12px;border:1px solid rgba(255,255,255,.7);border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(2,18,36,.28);transform:scale(.985);transition:transform .18s ease}.ytpl-image-modal.is-open .ytpl-image-dialog{transform:none}.ytpl-image-dialog img{display:block;max-width:100%;max-height:calc(100dvh - 110px);object-fit:contain}.ytpl-image-dialog p{max-width:760px;margin:8px 46px 0;color:#40556e;font-size:11px;font-weight:750;line-height:1.35;text-align:center}.ytpl-image-close{position:absolute;z-index:2;top:10px;right:10px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #d3e0eb;border-radius:50%;color:#092848;background:rgba(255,255,255,.96);box-shadow:0 5px 16px rgba(7,31,61,.14);font-size:17px;transition:.18s}.ytpl-image-close:hover,.ytpl-image-close:focus{color:#fff;background:#075fb9;box-shadow:0 7px 20px rgba(7,95,185,.24);transform:translateY(-1px)}
@media(min-width:701px) and (max-width:980px){.ytpl-page .ytpl-buy{grid-template-columns:76px 142px;justify-content:end}.ytpl-page .ytpl-buy>.ytpl-btn-quote{width:224px}}
@media(max-width:700px){.ytpl-page .ytpl-buy{grid-template-columns:88px minmax(132px,160px);justify-content:start}.ytpl-page .ytpl-buy>.ytpl-btn-quote{width:255px;max-width:100%}.ytpl-image-modal{padding:8px}.ytpl-image-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:12px 10px 9px;border-radius:14px}.ytpl-image-dialog img{max-height:calc(100dvh - 88px)}.ytpl-image-dialog p{margin:6px 44px 0;font-size:10px}.ytpl-image-close{top:8px;right:8px;width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.ytpl-page *{transition:none!important;scroll-behavior:auto!important}}

/* The quote drawer is modal on mobile; Journal's fixed bottom menu must not cover its primary action. */
.ytpl-quote{height:100vh;height:100dvh}
html.ytpl-quote-open .bottom-menu{display:none!important}

/* Two-step quote drawer: the selected products and contact form never compete for height. */
.ytpl-content:focus{outline:3px solid rgba(7,95,185,.16);outline-offset:3px}
.ytpl-quote{grid-template-rows:auto minmax(0,1fr);width:min(560px,100%)}
.ytpl-quote-main{min-width:0;min-height:0;overflow:hidden;background:#fff}
.ytpl-quote-view{width:100%;height:100%;min-height:0}
.ytpl-quote-list-view{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.ytpl-quote-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 18px;border-bottom:1px solid var(--line);background:#f8fbfe}
.ytpl-quote-summary>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:9px 11px;border:1px solid #dce7f0;border-radius:10px;background:#fff}
.ytpl-quote-summary strong{color:var(--navy);font-size:12px}.ytpl-quote-summary small{color:var(--muted);font-size:8px}
.ytpl-quote-body{min-height:0;overscroll-behavior:contain;scrollbar-gutter:stable}
.ytpl-quote-item{min-height:68px}.ytpl-quote-item>div:nth-child(2){min-width:0}.ytpl-quote-item strong{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ytpl-quote-footer{padding:13px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#f8fbfe;box-shadow:0 -8px 24px rgba(7,31,61,.05)}
.ytpl-quote-footer p{margin:0 0 9px;color:var(--muted);font-size:9px;line-height:1.4;text-align:center}.ytpl-quote-footer p i{margin-right:4px;color:#087254}
.ytpl-quote-footer .ytpl-btn{width:100%;min-height:48px}.ytpl-quote-footer .ytpl-btn:disabled{cursor:not-allowed;opacity:.58;transform:none;box-shadow:none}
.ytpl-quote-main .ytpl-quote-form{display:none;height:100%;min-height:0;border-top:0;background:#f8fbfe}
.ytpl-quote.is-form-step .ytpl-quote-list-view{display:none}.ytpl-quote.is-form-step .ytpl-quote-form{display:grid;grid-template-rows:auto minmax(0,1fr)}
.ytpl-quote-success{display:none;align-content:center;justify-items:center;min-height:0;padding:clamp(22px,5vh,42px) 24px calc(24px + env(safe-area-inset-bottom));overflow-y:auto;text-align:center;background:linear-gradient(180deg,#fff 0,#f5f9fd 100%)}
.ytpl-quote.is-success-step .ytpl-quote-list-view,.ytpl-quote.is-success-step .ytpl-quote-form{display:none}.ytpl-quote.is-success-step .ytpl-quote-success{display:grid}
.ytpl-success-icon{display:grid;place-items:center;width:72px;height:72px;margin-bottom:15px;border:8px solid #e6f5ef;border-radius:50%;color:#fff;background:#087254;box-shadow:0 10px 28px rgba(8,114,84,.18);font-size:25px}.ytpl-success-kicker{color:#087254;font-size:10px;font-weight:900;letter-spacing:.11em}.ytpl-quote-success h2{margin:7px 0 7px;color:var(--navy);font-size:25px;line-height:1.2}.ytpl-quote-success>p{max-width:400px;margin:0;color:var(--muted);font-size:12px;line-height:1.65}.ytpl-success-reference{width:100%;max-width:390px;margin:20px 0 12px;padding:17px;border:1px solid #cfdeea;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(7,31,61,.06)}.ytpl-success-reference small,.ytpl-success-reference strong,.ytpl-success-reference span{display:block}.ytpl-success-reference small{color:var(--muted);font-size:9px;font-weight:700}.ytpl-success-reference strong{margin:5px 0;color:var(--navy);font-size:23px;letter-spacing:.04em}.ytpl-success-reference span{color:var(--muted);font-size:9px}.ytpl-success-details{display:grid;width:100%;max-width:390px;grid-template-columns:1fr;gap:7px}.ytpl-success-details span{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 12px;border:1px solid #dce7f0;border-radius:10px;background:#fff;color:var(--blue);text-align:left}.ytpl-success-details i{width:18px;text-align:center}.ytpl-success-details b{min-width:0;overflow:hidden;color:var(--ink);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.ytpl-success-mail{display:flex;align-items:center;gap:7px;width:100%;max-width:390px;margin-top:10px;padding:10px 12px;border-radius:10px;color:#087254;background:#eaf7f2;font-size:9px;font-weight:750;text-align:left}.ytpl-success-mail.is-warning{color:#8a5916;background:#fff7e8}.ytpl-success-note{display:block;max-width:390px;margin:14px 0;color:var(--muted);font-size:8px;line-height:1.5}.ytpl-quote-success>.ytpl-btn{width:100%;max-width:390px;min-height:48px}
.ytpl-quote-form-head{gap:12px;border-bottom:1px solid var(--line);background:#fff}
.ytpl-quote-form-head>button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:8px 10px;border:1px solid #cbd9e7;border-radius:9px;color:var(--blue);background:#fff;font-size:10px;font-weight:850}
.ytpl-quote-form-head>div{min-width:0;text-align:right}.ytpl-quote-form-head>div strong,.ytpl-quote-form-head>div small{display:block}.ytpl-quote-form-head>div strong{color:var(--navy);font-size:11px}.ytpl-quote-form-head>div small{margin-top:2px;color:var(--muted);font-size:8px}
.ytpl-quote-main .ytpl-quote-fields{min-height:0;overflow-y:auto;overscroll-behavior:contain;align-content:start;padding-top:14px;padding-bottom:calc(18px + env(safe-area-inset-bottom));scrollbar-gutter:stable}
.ytpl-form-intro{padding:0 0 5px}.ytpl-form-intro strong{display:block;color:var(--navy);font-size:15px}.ytpl-form-intro p{margin:4px 0 0;color:var(--muted);font-size:9px;font-weight:500;line-height:1.45}
.ytpl-quote-fields button[type="submit"]{min-height:48px;font-size:12px}

@media(max-width:700px){
  .ytpl-quote-head{padding:13px}.ytpl-quote-head>div>span{width:40px;height:40px}.ytpl-quote-head>button{width:42px;height:42px}
  .ytpl-quote-summary{gap:6px;padding:8px 12px}.ytpl-quote-summary>div{display:block;padding:8px 9px}.ytpl-quote-summary small{display:block;margin-top:2px}
  .ytpl-quote-item{grid-template-columns:48px minmax(0,1fr) auto;gap:8px;min-height:64px;padding:7px 0}.ytpl-quote-item img{width:48px;height:48px}.ytpl-quote-item input{width:46px;height:38px}.ytpl-quote-remove{width:38px;height:38px}
  .ytpl-quote-footer{padding:11px 12px calc(12px + env(safe-area-inset-bottom))}.ytpl-quote-footer p{font-size:8px}
  .ytpl-quote-form-head{padding:10px 12px}.ytpl-quote-form-head>button{padding:7px 8px}.ytpl-quote-main .ytpl-quote-fields{padding:12px 12px calc(14px + env(safe-area-inset-bottom))}
}
