*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text);background:var(--color-bg);min-height:100vh}img,picture,video,svg{display:block;max-width:100%}img{height:auto}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul[role=list],ol[role=list]{list-style:none;padding:0}table{border-collapse:collapse;width:100%}:target{scroll-margin-block:5ex}h1,.h1{font-size:clamp(1.5rem,1.2rem + 1.6vw,2.125rem);line-height:1.2;font-weight:700}h2,.h2{font-size:clamp(1.25rem,1.1rem + .9vw,1.625rem);line-height:1.25;font-weight:700}h3,.h3{font-size:clamp(1.1rem,1rem + .5vw,1.25rem);line-height:1.3;font-weight:600}h4,.h4{font-size:1rem;font-weight:600}.text-small{font-size:.875rem}.text-subdued{color:var(--color-text-subdued)}a{color:var(--color-link);text-underline-offset:2px}a:hover{color:var(--color-primary-dark)}.mono{font-family:ui-monospace,SF Mono,Cascadia Mono,Consolas,monospace;font-size:.9em;overflow-wrap:anywhere}:focus-visible{outline:2px solid var(--color-primary-dark);outline-offset:2px;border-radius:2px}.skip-link{position:absolute;top:-100px;left:8px;z-index:100;background:var(--color-primary-dark);color:var(--color-on-primary);padding:10px 16px;border-radius:var(--radius)}.skip-link:focus{top:8px;color:var(--color-on-primary)}.no-js .js-only{display:none!important}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.page-width{max-width:var(--page-width);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:28px}@media(min-width:768px){.section{padding-block:44px}}.section-heading{margin-bottom:18px;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 22px;border:1px solid transparent;border-radius:var(--radius);background:var(--color-primary);color:var(--color-on-primary);font-weight:600;text-decoration:none;cursor:pointer;text-align:center}.button:hover{background:var(--color-primary-dark);color:var(--color-on-primary)}.button:disabled,.button[aria-disabled=true]{background:var(--color-text-subdued);cursor:not-allowed}.button--secondary{background:transparent;color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.button--secondary:hover{background:var(--color-surface);color:var(--color-primary-dark)}.button--tertiary{background:transparent;color:var(--color-link);border:none;min-height:44px;padding:10px 8px;text-decoration:underline;text-underline-offset:2px}.button--full{width:100%}.button--small{min-height:40px;padding:6px 14px;font-size:.9375rem}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;background:transparent;border:none;border-radius:var(--radius);color:var(--color-text);cursor:pointer;text-decoration:none}.icon-button:hover{background:var(--color-surface);color:var(--color-text)}.icon{width:22px;height:22px;flex:none}.icon--small{width:18px;height:18px}.field{margin-bottom:14px}.field__label{display:block;font-weight:600;font-size:.9375rem;margin-bottom:4px}.field__hint{font-size:.8125rem;color:var(--color-text-subdued);margin-top:3px}.field__input,.field select,.field textarea{width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--color-input-border);border-radius:var(--radius);background:var(--color-bg)}.field textarea{min-height:96px;resize:vertical}.field__input[aria-invalid=true]{border-color:var(--color-accent);border-width:2px}.form-status{border-radius:var(--radius);padding:12px 14px;margin-bottom:16px}.form-status--success{background:#e8f3ec;border:1px solid var(--color-success);color:#0b4d28}.form-status--error{background:#f8ecec;border:1px solid var(--color-accent);color:#6e0000}.form-status ul{margin:6px 0 0;padding-left:20px}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2323292E' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:34px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:3px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.8125rem;font-weight:600;line-height:1.4}.badge--mode{background:#e7f2f7;border-color:#9dc6d8;color:var(--color-primary-dark)}.badge--sale{background:#fdf0e6;border-color:#e0b48d;color:#7a3c00}.stock{display:inline-flex;align-items:center;gap:6px;font-size:.9375rem;font-weight:600}.stock:before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor;flex:none}.stock--in{color:var(--color-success)}.stock--low{color:#8a4b00}.stock--out{color:var(--color-accent)}.stock--enquiry{color:var(--color-text-subdued)}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;list-style:none;padding:0}@media(min-width:600px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px}}@media(min-width:990px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{position:relative;display:flex;flex-direction:column;gap:6px}.card__media{position:relative;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;background:#fff;aspect-ratio:1}.card__media img{width:100%;height:100%;object-fit:contain}.card__media--empty{display:flex;align-items:center;justify-content:center;color:var(--color-text-subdued);background:var(--color-surface)}.card__badges{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.card__vendor{font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-subdued);font-weight:600}.card__title{font-size:.9375rem;font-weight:600;line-height:1.35}.card__title a{color:var(--color-text);text-decoration:none}.card__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.card__title a:hover{color:var(--color-primary-dark);text-decoration:underline}.card__mpn{font-size:.8125rem;color:var(--color-text-subdued)}.card__mpn .mono{color:var(--color-text)}.card__meta{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}.card__price{font-weight:700}.card .stock{font-size:.8125rem}.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.price__current{font-weight:700}.price--large .price__current{font-size:1.5rem}.price__compare{color:var(--color-text-subdued)}.price__compare s{text-decoration:line-through}.price__save{color:#7a3c00;font-weight:600;font-size:.875rem}.price__unit,.price__tax-note{font-size:.8125rem;color:var(--color-text-subdued);width:100%}.price__label{font-weight:600;color:var(--color-primary-dark)}.header-wrapper{background:var(--color-bg);border-bottom:1px solid var(--color-border)}.header-wrapper--sticky{position:sticky;top:0;z-index:40}.header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"logo spacer actions" "search search search";align-items:center;gap:6px 12px;padding-block:8px}.header__logo{grid-area:logo;display:inline-flex;align-items:center;text-decoration:none;color:var(--color-text)}.header__logo img{width:auto}.header__logo-text{font-size:1.2rem;font-weight:800;letter-spacing:-.01em}.header__search{grid-area:search;padding-bottom:8px}.header__actions{grid-area:actions;display:flex;align-items:center;gap:2px;justify-self:end}.header__action-label{display:none}.header__cart{position:relative}.cart-count{position:absolute;top:4px;right:2px;min-width:18px;height:18px;padding-inline:4px;border-radius:9px;background:var(--color-primary-dark);color:var(--color-on-primary);font-size:.6875rem;font-weight:700;display:flex;align-items:center;justify-content:center}.search-form{display:flex;width:100%}.search-form__input{flex:1;min-width:0;min-height:44px;padding:9px 12px;border:1px solid var(--color-input-border);border-right:none;border-radius:var(--radius) 0 0 var(--radius)}.search-form__submit{min-width:48px;min-height:44px;border:none;border-radius:0 var(--radius) var(--radius) 0;background:var(--color-primary);color:var(--color-on-primary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.search-form__submit:hover{background:var(--color-primary-dark)}.header__nav{display:none}@media(min-width:990px){.header{grid-template-columns:auto minmax(280px,1fr) auto;grid-template-areas:"logo search actions" "nav nav nav";gap:4px 24px}.header__search{padding-bottom:0}.header__action-label{display:block;font-size:.75rem}.icon-button--labelled{flex-direction:column;gap:2px;padding:6px 10px}.header__menu-toggle{display:none}.header__nav{display:block;grid-area:nav;border-top:1px solid var(--color-border)}.nav{display:flex;flex-wrap:wrap;gap:2px;list-style:none;padding:0;margin:0}.nav>li{position:relative}.nav__link{display:inline-flex;align-items:center;gap:4px;padding:10px 12px;color:var(--color-text);text-decoration:none;font-weight:600;font-size:.9375rem}.nav__link:hover,.nav__link[aria-expanded=true]{color:var(--color-primary-dark);text-decoration:underline;text-underline-offset:6px}.nav__submenu{position:absolute;top:100%;left:0;z-index:30;min-width:230px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 8px 24px #0000001f;padding:8px;list-style:none;margin:0}.nav__submenu a{display:block;padding:9px 10px;text-decoration:none;color:var(--color-text);border-radius:var(--radius)}.nav__submenu a:hover{background:var(--color-surface);color:var(--color-primary-dark)}.nav details:not([open]) .nav__submenu{display:none}}.header__phone{display:none}@media(min-width:1200px){.header__actions>.header__phone{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--color-primary-dark);text-decoration:none;margin-right:6px;white-space:nowrap}}.drawer>summary{list-style:none;cursor:pointer}.drawer>summary::-webkit-details-marker{display:none}.no-js .drawer__overlay,.no-js .drawer__close{display:none}.no-js .drawer[open] .drawer__content{border-bottom:1px solid var(--color-border)}.js .drawer[open] .drawer__content{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.js .drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#141a1e80;border:none;padding:0;width:100%;cursor:pointer}.js .drawer__panel{position:absolute;top:0;bottom:0;left:0;width:min(360px,92vw);background:var(--color-bg);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.js .drawer__panel--right{left:auto;right:0}.drawer__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 10px 10px 16px;border-bottom:1px solid var(--color-border)}.drawer__body{padding:8px 16px 24px;flex:1}.menu-drawer__list{list-style:none;padding:0;margin:0}.menu-drawer__list a{display:block;padding:13px 4px;color:var(--color-text);text-decoration:none;font-weight:600;border-bottom:1px solid var(--color-surface)}.menu-drawer__list a:hover{color:var(--color-primary-dark)}.menu-drawer__sub{list-style:none;padding:0 0 4px 14px;margin:0}.menu-drawer__sub a{font-weight:400;padding-block:11px}.menu-drawer__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 4px;background:none;border:none;border-bottom:1px solid var(--color-surface);font-weight:600;cursor:pointer;text-align:left}.menu-drawer__toggle[aria-expanded=true] .icon{transform:rotate(180deg)}.drawer__footer-links{padding:12px 4px;display:grid;gap:4px}.breadcrumbs{font-size:.8125rem;padding-block:10px}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px;padding:0;margin:0;color:var(--color-text-subdued)}.breadcrumbs li{display:flex;align-items:center;gap:4px;min-width:0}.breadcrumbs a{color:var(--color-text-subdued)}.breadcrumbs a:hover{color:var(--color-primary-dark)}.breadcrumbs [aria-current=page]{color:var(--color-text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60vw}.pagination{display:flex;justify-content:center;margin-top:28px}.pagination ul{display:flex;flex-wrap:wrap;gap:4px;list-style:none;padding:0;margin:0}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius);text-decoration:none;color:var(--color-text)}.pagination a:hover{border-color:var(--color-primary-dark);color:var(--color-primary-dark)}.pagination [aria-current=page]{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--color-on-primary)}.footer{background:var(--color-primary-dark);color:#fff;margin-top:48px}.footer a{color:#fff;text-decoration-color:#ffffff8c}.footer a:hover{color:#fff;text-decoration-color:#fff}.footer__grid{display:grid;gap:28px;padding-block:36px;grid-template-columns:1fr}@media(min-width:768px){.footer__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.footer__grid{grid-template-columns:1.3fr 1fr 1fr 1.1fr}}.footer h2{font-size:1rem;margin-bottom:12px}.footer ul{list-style:none;padding:0;display:grid;gap:2px}.footer li a{display:inline-block;padding-block:6px}.footer__identity p{margin-bottom:8px}.footer__identity .footer__label{font-weight:700}.footer__bottom{border-top:1px solid rgba(255,255,255,.25);padding-block:16px;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;font-size:.875rem}.footer__payment{display:flex;flex-wrap:wrap;gap:6px;align-items:center;list-style:none;padding:0}.footer__social{display:flex;gap:4px;list-style:none;padding:0}.footer__social a{display:inline-flex;padding:10px;border-radius:var(--radius)}.footer__social a:hover{background:#ffffff1f}.localization{display:flex;flex-wrap:wrap;gap:12px}.localization__form{display:flex;gap:8px;align-items:center}.localization select{background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:var(--radius);min-height:44px;padding:8px 34px 8px 10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.localization option{color:var(--color-text)}.localization .button{min-height:44px}.empty-state{text-align:center;padding-block:48px;display:grid;gap:14px;justify-items:center}.rte{max-width:76ch}.rte>*+*{margin-top:.9em}.rte h2{margin-top:1.4em}.rte h3{margin-top:1.2em}.rte ul,.rte ol{padding-left:22px}.rte img{border-radius:var(--radius)}.rte table td,.rte table th{border:1px solid var(--color-border);padding:8px 10px;text-align:left}.announcement-bar{background:var(--color-primary-dark);color:#fff;font-size:.875rem;text-align:center;padding:8px var(--gutter)}.announcement-bar a{color:#fff}@media(prefers-reduced-motion:no-preference){.drawer__panel{transition:transform .2s ease}.button,.icon-button,a{transition:background-color .15s ease,color .15s ease,border-color .15s ease}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.header-wrapper,.footer,.skip-link,.drawer,.announcement-bar,.no-print{display:none!important}body{color:#000}a{color:#000;text-decoration:none}}@media(min-width:768px){.section{padding-block:50px}}.button{border-radius:calc(var(--radius) + 1px)}.button:hover{box-shadow:0 4px 12px #00405424}.product-grid{gap:16px 12px}.product-grid>li{min-width:0;height:100%}.card{height:100%;gap:0;overflow:hidden;border:1px solid var(--color-border);border-radius:calc(var(--radius) + 3px);background:#fff;box-shadow:0 3px 12px #152a3312;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.card:hover{border-color:var(--color-primary);box-shadow:0 10px 26px #14374524;transform:translateY(-2px)}.card__media{border:0;border-bottom:1px solid var(--color-border);border-radius:0;background:#f8fafb}.card__media img{padding:clamp(4px,1vw,10px)}.card__badges{z-index:2}.card__vendor,.card__title,.card__mpn,.card__meta,.card__price,.card>.stock{margin-inline:13px}.card__vendor{margin-top:13px}.card__title{display:-webkit-box;min-height:2.55em;margin-top:5px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.card__mpn{margin-top:8px;padding:6px 8px;background:var(--color-surface);border-radius:3px}.card__meta{min-height:24px;margin-top:9px}.card__price{margin-top:auto;padding-top:12px;border-top:1px solid var(--color-border)}.card__price .price__current,.card__price .price__label{font-size:1.05rem}.card>.stock{align-self:flex-start;margin-top:8px;margin-bottom:14px}@media(min-width:600px){.product-grid{gap:20px 16px}}.header{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"menu logo actions" "search search search";column-gap:8px}.header__drawer{grid-area:menu}.header__logo{max-width:min(138px,38vw);min-width:0;justify-self:start}.header__logo img{max-width:100%;max-height:48px;object-fit:contain}.header__actions>:not(.header__cart){display:none}.header__cart{flex:none}.header__search{min-width:0}@media(min-width:600px){.header__logo{max-width:min(180px,32vw)}}@media(min-width:990px){.header{grid-template-columns:auto minmax(280px,1fr) auto;grid-template-areas:"logo search actions" "nav nav nav"}.header__drawer{display:none}.header__logo{max-width:220px}.header__actions>.icon-button:not(.header__cart){display:inline-flex}}.footer__grid>div:last-child:empty{display:none}@media(min-width:1100px){.footer__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.card>.stock{margin-bottom:8px}.card__action{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 13px 13px;padding:8px 10px;border-radius:3px;background:#edf7fa;color:var(--color-primary-dark);font-size:.8125rem;font-weight:750;pointer-events:none}.card__action .icon{width:16px;height:16px}
/*# sourceMappingURL=/cdn/shop/t/7/assets/base.css.map */