:root{--blue:#0B3954;--blue-d:#082A3F;--tag:#7FFFD4;--paper:#FFFFFF;--mist:#EEF3F5;--navy:#0A1F2C;--grey:#55656F;--red:#C8102E;--line:#D3DDE2;
--head:"Arial Black","Arial Bold","Helvetica Neue",Arial,sans-serif;--body:"Helvetica Neue",Arial,"Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--mist);color:var(--navy);font:16px/1.55 var(--body);overflow-x:hidden;font-variant-numeric:tabular-nums}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue)}
a:hover{color:var(--blue-d)}
:focus-visible{outline:3px solid var(--tag);outline-offset:2px;box-shadow:0 0 0 5px var(--navy)}
h1,h2,h3{font-family:var(--head);font-weight:900;letter-spacing:-.02em;line-height:1.05;margin:0 0 .5em;color:var(--navy)}
h1{font-size:clamp(2.2rem,5.4vw,4.2rem)}
h2{font-size:clamp(1.6rem,3vw,2.4rem)}
h3{font-size:1.25rem;letter-spacing:-.01em}
p{margin:0 0 1em}
.wrap{width:min(1240px,100% - 32px);margin-inline:auto}
.narrow{width:min(780px,100% - 32px);margin-inline:auto}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:8px;z-index:30;background:#fff;padding:8px}
.nowrap{white-space:nowrap}

.top{background:var(--blue);color:#fff;position:sticky;top:0;z-index:20}
.top .wrap{display:flex;align-items:center;gap:16px;min-height:64px}
.logo{color:#fff;text-decoration:none;font-family:var(--head);font-size:1.3rem;letter-spacing:-.03em;display:flex;align-items:center;gap:8px;min-width:0}
.logo i{font-style:normal;background:var(--tag);color:var(--navy);padding:0 6px;border-radius:4px}
.nav{margin-left:auto;display:flex;gap:2px}
.nav a{color:#fff;text-decoration:none;padding:8px 12px;border-radius:6px;font-weight:600}
.nav a:hover,.nav a[aria-current]{background:var(--blue-d)}
.cart-link{background:var(--tag);color:var(--navy);text-decoration:none;font-weight:800;padding:8px 14px 8px 18px;clip-path:polygon(10px 0,100% 0,100% 100%,10px 100%,0 50%);white-space:nowrap}
.cart-link:hover{color:var(--navy);background:#B2FFE6}
.cart-link b{margin-left:6px}
.nav-toggle{display:none;margin-left:auto;background:var(--blue-d);color:#fff;border:0;border-radius:6px;padding:8px 14px;font:700 1rem var(--body)}
@media (max-width:960px){.nav-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--blue-d);flex-direction:column;padding:8px 16px 16px}.nav.is-open{display:flex}.top .wrap{position:relative}}
@media (max-width:460px){.logo{font-size:1rem}.cart-link span{display:none}}

.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--navy);color:#fff;border:0;border-radius:6px;padding:14px 22px;font:800 1rem var(--body);text-decoration:none;cursor:pointer}
.btn:hover{background:var(--blue);color:#fff}
.btn--tag{background:var(--tag);color:var(--navy)}
.btn--tag:hover{background:#B2FFE6;color:var(--navy)}
.btn--line{background:transparent;color:var(--navy);box-shadow:inset 0 0 0 2px var(--navy)}
.btn--line:hover{background:var(--navy);color:#fff}
.btn--wide{width:100%}
.link-back{display:block;margin-top:12px;text-align:center}


.hero{background:var(--blue);color:#fff;padding:48px 0 0;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:end}
.hero h1{color:#fff}
.hero .lead{font-size:1.15rem;max-width:32em;color:#D5E7F0}
.hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 48px}
.hero figure{margin:0;align-self:stretch;display:flex;align-items:flex-end}
.hero figure img{border-radius:12px 12px 0 0;width:100%}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr}.hero .actions{margin-bottom:24px}}


.board{background:#fff;border-radius:0 0 12px 12px;box-shadow:0 20px 40px -24px rgba(18,26,58,.35);padding:clamp(16px,3vw,32px);position:relative;top:-1px}
.board-head{display:flex;justify-content:space-between;gap:16px;align-items:end;flex-wrap:wrap;margin-bottom:12px}
.board-head p{color:var(--grey);margin:0;max-width:40em}
.board table{width:100%;border-collapse:collapse}
.board th,.board td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--line)}
.board thead th{font-size:.82rem;color:var(--grey);font-weight:700}
.board td.num,.board th.num{text-align:right}
.board .pd{font-family:var(--head);font-size:1.3rem}
.board tbody tr:first-child .pd{background:var(--tag);padding:2px 8px;border-radius:4px}
.board a{color:var(--navy);font-weight:700;text-decoration:none}
.board a:hover{text-decoration:underline}
.code{display:inline-block;font-family:var(--head);background:var(--navy);color:#fff;border-radius:4px;padding:0 6px;margin-right:8px;font-size:.9rem}
@media (max-width:700px){.board .hide-s{display:none}.board th,.board td{padding:10px 6px}.board .pd{font-size:1.1rem}}

.sec{padding:72px 0}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:28px}
.sec-head p{color:var(--grey);max-width:38em;margin:0}


.formula{display:grid;grid-template-columns:repeat(5,auto);gap:12px;align-items:center;justify-content:start;font-family:var(--head);font-size:clamp(1.1rem,2.4vw,1.7rem);margin:24px 0}
.formula span{background:#fff;border:2px solid var(--navy);border-radius:8px;padding:10px 14px;text-align:center}
.formula small{display:block;font-family:var(--body);font-size:.75rem;color:var(--grey);font-weight:600}
.formula b{color:var(--blue)}
@media (max-width:760px){.formula{grid-template-columns:1fr;justify-content:stretch}.formula b{text-align:center}}
.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
@media (max-width:860px){.split{grid-template-columns:1fr}}


.shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.tagcard{background:#fff;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line)}
.tagcard__img{display:block;background:#F4F5F8}
.tagcard__img img{aspect-ratio:1;object-fit:cover;width:100%}
.tagcard__body{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1}
.tagcard h3{margin:0;font-size:1.15rem}
.tagcard h3 a{color:inherit;text-decoration:none}
.tagcard .sub{color:var(--grey);font-size:.9rem;margin:0}
.pricetag{margin-top:auto;background:var(--tag);color:var(--navy);display:grid;grid-template-columns:1fr auto;align-items:end;gap:4px 12px;padding:12px 16px;border-top:3px dashed rgba(18,26,58,.25)}
.pricetag .big{font-family:var(--head);font-size:1.9rem;line-height:1}
.pricetag .big small{font-family:var(--body);font-size:.85rem;font-weight:700}
.pricetag .meta{font-size:.82rem;font-weight:600;grid-column:1/-1}
.pricetag .pack{text-align:right;font-weight:800}
.tagcard .btn{border-radius:0;width:100%}
@media (max-width:1000px){.shelf{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.shelf{grid-template-columns:1fr}}

.shelf--3{grid-template-columns:repeat(3,1fr)}@media (max-width:1000px){.shelf--3{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.shelf--3{grid-template-columns:1fr}}
.cats{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.catbox{background:#fff;border-radius:10px;padding:24px;border-left:8px solid var(--blue);text-decoration:none;color:var(--navy);display:block}
.catbox:hover{border-left-color:var(--tag)}
.catbox strong{font-family:var(--head);font-size:1.5rem;display:block}
.catbox span{color:var(--grey)}
@media (max-width:640px){.cats{grid-template-columns:1fr}}

.nope{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.nope li{background:#fff;border-radius:8px;padding:14px 16px;display:grid;grid-template-columns:28px 1fr;gap:10px}
.nope li::before{content:"";width:22px;height:22px;border-radius:50%;background:var(--navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M6 11.5l3 3 7-7' stroke='%23FFD23F' stroke-width='2.5' fill='none'/%3E%3C/svg%3E");margin-top:2px}

.photo-band{background:var(--navy);color:#E6E9F5}
.photo-band h2{color:#fff}
.photo-band img{border-radius:10px}
.photo-band .split{align-items:center}
.photo-band a{color:var(--tag)}

.deliv-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border-radius:10px;overflow:hidden}
.deliv-row div{padding:20px;border-right:1px solid var(--line)}
.deliv-row div:last-child{border:0;background:var(--tag)}
.deliv-row strong{font-family:var(--head);font-size:1.6rem;display:block}
@media (max-width:800px){.deliv-row{grid-template-columns:1fr 1fr}.deliv-row div:nth-child(2){border-right:0}.deliv-row div{border-bottom:1px solid var(--line)}}
@media (max-width:440px){.deliv-row{grid-template-columns:1fr}.deliv-row div{border-right:0}}

.faq{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.faq details{background:#fff;border-radius:8px;padding:0 16px}
.faq summary{cursor:pointer;font-weight:800;padding:14px 0}
.faq details p{color:var(--grey)}
@media (max-width:760px){.faq{grid-template-columns:1fr}}

.foot{background:var(--navy);color:#C9CEE0;padding:48px 0 24px;font-size:.95rem}
.foot a{color:#fff}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:28px}
.foot h2{font-size:1rem;color:var(--tag);letter-spacing:0}
.foot ul{list-style:none;margin:0;padding:0}.foot li{margin:6px 0}
.foot .legal{border-top:1px solid #2C3561;margin-top:36px;padding-top:18px;font-size:.85rem;color:#9AA2C0}
@media (max-width:860px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot-grid{grid-template-columns:1fr}}

.page-head{padding:40px 0 20px}
.crumbs{font-size:.9rem;color:var(--grey);margin-bottom:8px}
.crumbs a{color:var(--grey)}
.page-head .lead{color:var(--grey);font-size:1.1rem;max-width:44em}
.prose{background:#fff;border-radius:10px;padding:clamp(20px,4vw,44px);margin-bottom:64px}
.prose h2{font-size:1.5rem;margin-top:1.4em}
.prose h2:first-child{margin-top:0}
.prose li{margin:6px 0}
.table-wrap{overflow-x:auto}
.info-table{border-collapse:collapse;width:100%;min-width:520px}
.info-table th,.info-table td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;vertical-align:top}
.info-table thead th{background:var(--mist)}
.placeholder-note{background:#E5FFF6;border-left:4px solid var(--tag);padding:10px 14px}


.toolbar{display:grid;grid-template-columns:2fr auto 1fr auto;gap:12px;align-items:end;background:#fff;border-radius:10px;padding:16px;margin-bottom:16px}
.toolbar label{font-weight:700;font-size:.85rem;display:block;margin-bottom:4px}
.toolbar input[type=search],.toolbar select{width:100%;padding:11px 12px;border:2px solid var(--line);border-radius:6px;font:inherit}
.toolbar fieldset{border:0;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.toolbar legend{font-weight:700;font-size:.85rem;margin-bottom:4px;padding:0}
.chip{display:inline-flex;align-items:center;gap:6px;border:2px solid var(--line);border-radius:999px;padding:8px 12px;cursor:pointer;font-weight:600;background:#fff}
.chip:has(input:checked){border-color:var(--navy);background:var(--tag)}
.chip input{accent-color:var(--navy)}
.reset{background:none;border:0;color:var(--blue);text-decoration:underline;font:inherit;cursor:pointer;padding:12px 0}
@media (max-width:900px){.toolbar{grid-template-columns:1fr 1fr}.toolbar > :first-child{grid-column:1/-1}}
@media (max-width:520px){.toolbar{grid-template-columns:1fr}}
.results-bar{color:var(--grey);margin:0 0 8px;font-weight:600}
.ptable{list-style:none;margin:0 0 72px;padding:0;background:#fff;border-radius:10px;overflow:hidden}
.prow{display:grid;grid-template-columns:72px minmax(0,2.4fr) 1fr 1fr 1fr 1.1fr auto;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
.prow:last-child{border:0}
.prow img{width:72px;height:72px;object-fit:cover;border-radius:6px;background:var(--mist)}
.prow h2{font-size:1.1rem;margin:0}
.prow h2 a{color:inherit;text-decoration:none}
.prow p{margin:2px 0 0;color:var(--grey);font-size:.88rem}
.prow .cell small{display:block;color:var(--grey);font-size:.75rem;font-weight:700}
.prow .cell{font-weight:700}
.prow .pd{font-family:var(--head);font-size:1.25rem;background:var(--tag);padding:2px 8px;border-radius:4px;display:inline-block}
.prow .btn{padding:10px 14px}
.ptable-head{background:var(--navy);color:#fff;font-size:.8rem;font-weight:700;padding:10px 16px}
@media (max-width:900px){.ptable-head{display:none}.prow{grid-template-columns:72px 1fr 1fr;grid-template-areas:"img name name" "img c1 c2" "c3 c4 buy"}.prow > a:first-child{grid-area:img}.prow .name{grid-area:name}.prow .c1{grid-area:c1}.prow .c2{grid-area:c2}.prow .c3{grid-area:c3}.prow .c4{grid-area:c4}.prow .buy{grid-area:buy;justify-self:end}}
.empty-results{background:#fff;border-radius:10px;padding:24px;text-align:center;margin-bottom:72px}


.pdp{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;margin-bottom:40px}
.gallery{display:grid;gap:12px}
.gallery figure{margin:0}
.gallery img{border-radius:10px;background:#fff}
.gallery figcaption{font-size:.85rem;color:var(--grey);margin-top:6px}
.buybox{background:#fff;border-radius:10px;overflow:hidden}
.buybox .in{padding:clamp(20px,3vw,32px)}
.buybox .sub{color:var(--grey);font-size:1.05rem}
.bigtag{background:var(--tag);padding:20px clamp(20px,3vw,32px);display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap}
.bigtag .price{font-family:var(--head);font-size:2.6rem;line-height:1}
.bigtag .pd{font-weight:800;text-align:right}
.bigtag .pd strong{font-family:var(--head);font-size:1.6rem;display:block}
.calc{background:var(--mist);border-radius:8px;padding:14px 16px;font-weight:600;margin:16px 0}
.calc b{font-family:var(--head)}
.qty-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.qty{display:inline-flex;align-items:center;border:2px solid var(--navy);border-radius:6px;background:#fff}
.qty button,.qty-btn{width:42px;height:44px;border:0;background:none;font-size:1.3rem;font-weight:700;cursor:pointer;color:var(--navy)}
.qty input,.cart-line__qty input{width:50px;height:44px;border:0;text-align:center;font:700 1rem var(--body);-moz-appearance:textfield;background:transparent}
.qty input::-webkit-inner-spin-button,.cart-line__qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.pdp-body{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:48px}
.pdp-body section{background:#fff;border-radius:10px;padding:clamp(20px,3vw,32px)}
.pdp-body .full{grid-column:1/-1}
.comp{width:100%;border-collapse:collapse}
.comp caption{text-align:left;font-weight:800;padding-bottom:8px}
.comp th,.comp td{border-bottom:1px solid var(--line);padding:10px 6px;text-align:left;vertical-align:top}
.comp thead th{background:var(--navy);color:#fff;font-size:.82rem}
.comp td{white-space:nowrap;font-weight:700}
.comp small{color:var(--grey);font-weight:400}
.table-note{font-size:.85rem;color:var(--grey);margin-top:8px}
@media (max-width:860px){.pdp,.pdp-body{grid-template-columns:1fr}}
@media (max-width:420px){.comp td{white-space:normal}}
.related{margin-bottom:72px}


.cart-grid{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start;margin-bottom:72px}
.cart-lines{list-style:none;margin:0;padding:0 16px;background:#fff;border-radius:10px}
.cart-line{display:grid;grid-template-columns:72px 1fr auto auto;grid-template-areas:"img info qty sum" "img rm rm rm";gap:6px 14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.cart-line:last-child{border:0}
.cart-line__img{grid-area:img}.cart-line__img img{width:72px;height:72px;border-radius:6px;object-fit:cover}
.cart-line__info{grid-area:info;min-width:0}
.cart-line__name{font-weight:800;color:var(--navy);text-decoration:none}
.cart-line__meta{display:block;color:var(--grey);font-size:.88rem}
.cart-line__qty{grid-area:qty;display:flex;align-items:center;border:2px solid var(--navy);border-radius:6px}
.cart-line__sum{grid-area:sum;font-family:var(--head);min-width:80px;text-align:right}
.cart-line__remove{grid-area:rm;justify-self:start;background:none;border:0;color:var(--red);text-decoration:underline;cursor:pointer;font:inherit;font-size:.88rem;padding:0}
@media (max-width:640px){.cart-line{grid-template-columns:60px 1fr auto;grid-template-areas:"img info info" "img qty sum" "img rm rm"}.cart-line__img img{width:60px;height:60px}}
.cart-summary,.checkout-summary{background:#fff;border-radius:10px;padding:20px;position:sticky;top:84px;border-top:8px solid var(--tag)}
.cart-summary h2,.checkout-summary h2{font-size:1.3rem}
.ship-set{border:0;padding:0;margin:0 0 16px}
.ship-set legend{font-weight:800;margin-bottom:6px}
.ship-opt,.pay-opt{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:2px solid var(--line);border-radius:8px;margin-bottom:8px;cursor:pointer;background:#fff}
.ship-opt:has(input:checked),.pay-opt:has(input:checked){border-color:var(--navy)}
.ship-opt input,.pay-opt input{margin-top:4px;accent-color:var(--navy)}
.ship-opt em{font-style:normal;font-weight:800;margin-left:6px}
.ship-opt small,.pay-opt small{display:block;color:var(--grey)}
.totals{margin:0}
.totals div{display:flex;justify-content:space-between;gap:12px;padding:6px 0}
.totals dt{color:var(--grey)}.totals dd{margin:0;font-weight:700}
.totals__grand{border-top:2px solid var(--navy);margin-top:6px;padding-top:10px!important;font-family:var(--head);font-size:1.4rem}
.totals__grand dt{color:var(--navy)}
.totals__hint{font-size:.88rem;color:var(--grey)}
.cart-empty{background:#fff;border-radius:10px;padding:48px 24px;text-align:center;margin-bottom:72px}
@media (max-width:900px){.cart-grid{grid-template-columns:1fr}.cart-summary{position:static}}

.checkout{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start;margin-bottom:72px}
.checkout-form,.review,.checkout-empty{background:#fff;border-radius:10px;padding:clamp(20px,3vw,32px)}
.checkout-empty{grid-column:1/-1;text-align:center}
.field-set{border:0;padding:0;margin:0 0 24px;display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.field-set[hidden]{display:none}
.field-set legend{font-family:var(--head);font-size:1.25rem;margin-bottom:10px;padding:0}
.ship-set.field-set,.field-set:has(.pay-opt){display:block}
.field{display:flex;flex-direction:column;gap:4px;min-width:0}
.field--full{grid-column:1/-1}
.field label{font-weight:700;font-size:.92rem}
.field input,.field textarea{padding:12px;border:2px solid var(--line);border-radius:6px;font:inherit;width:100%}
.field input:focus,.field textarea:focus{border-color:var(--blue)}
.field input[aria-invalid]{border-color:var(--red);background:#FFF5F6}
.field-err{color:var(--red);font-size:.88rem;font-weight:600}
.field-hint{color:var(--grey);font-size:.85rem}
.field--check label{font-weight:400;display:flex;gap:10px;align-items:flex-start}
.field--check input{width:auto;margin-top:5px}
.form-status{color:var(--red);font-weight:700}
.form-note{color:var(--grey);font-size:.9rem}
.mini-lines{list-style:none;margin:0 0 12px;padding:0}
.mini-lines li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line)}
.review-warning{background:#E5FFF6;border-left:6px solid var(--tag);padding:12px 16px}
.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.review-data div{display:grid;grid-template-columns:130px 1fr;gap:8px;padding:6px 0;border-bottom:1px solid var(--line)}
.review-data dt{color:var(--grey)}.review-data dd{margin:0;font-weight:700;overflow-wrap:anywhere}
.review-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:20px}
.review-actions .link-back{margin:0}
@media (max-width:900px){.checkout{grid-template-columns:1fr}.checkout-summary{position:static;order:-1}.review-grid{grid-template-columns:1fr}}
@media (max-width:560px){.field-set{grid-template-columns:1fr}.review-data div{grid-template-columns:1fr}}

.art-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:72px}
.art-card{background:#fff;border-radius:10px;padding:24px;display:flex;flex-direction:column;border-top:6px solid var(--blue)}
.art-card h2{font-size:1.3rem}.art-card h2 a{color:inherit;text-decoration:none}
.art-card p{color:var(--grey)}.art-card .more{margin-top:auto;font-weight:700}
@media (max-width:860px){.art-list{grid-template-columns:1fr}}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:72px}
.contact-grid > div{background:#fff;border-radius:10px;padding:28px}
@media (max-width:760px){.contact-grid{grid-template-columns:1fr}}

.toast{position:fixed;right:16px;bottom:16px;transform:translateY(160%);background:var(--navy);color:#fff;padding:14px 18px;border-radius:8px;border-left:8px solid var(--tag);max-width:min(92vw,440px);z-index:50;transition:transform .2s ease}
.toast.is-on{transform:translateY(0)}
.toast a{color:var(--tag);margin-left:6px}
.storage-note{background:var(--tag);padding:10px 16px;text-align:center;font-weight:600}
.hero .wrap>*,.split>*,.shelf>*,.cats>*,.pdp>*,.pdp-body>*,.cart-grid>*,.checkout>*,.art-list>*,.contact-grid>*,.foot-grid>*,.review-grid>*,.gallery>*{min-width:0}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.shelf--3{grid-template-columns:repeat(3,1fr)}@media (max-width:1000px){.shelf--3{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.shelf--3{grid-template-columns:1fr}}.cats4{grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.cats4{grid-template-columns:1fr 1fr}}@media (max-width:480px){.cats4{grid-template-columns:1fr}}

.comp{table-layout:fixed}.comp th,.comp td{overflow-wrap:anywhere}.comp th[scope=row]{width:55%}@media (max-width:420px){.comp td{white-space:normal}}