.att-samples-page{ 
  --att-red:#d91322;
  --att-red-dark:#b80f1b;
  --att-ink:#10253f;
  --att-text:#3e4b5a;
  --att-muted:#6d7784;
  --att-line:#dfe3e8;
  --att-soft:#f7f8fa;
  --att-radius:0;
  width:100%;
  max-width:var(--theme-normal-container-max-width, var(--theme-container-width, 1290px));
  margin:0 auto;
  padding:0 0 72px;
  color:var(--att-text);
  box-sizing:border-box;
}
body.page .site-main:has(.att-samples-page){padding-top:0!important}
.att-samples-page *, .att-samples-page *::before, .att-samples-page *::after{box-sizing:border-box}
.att-samples-page h1,.att-samples-page h2,.att-samples-page h3{font-family:var(--wr-font-display,var(--wr-font-body,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif))!important;font-weight:var(--wr-weight-heading,700)}
.att-samples-hero{display:grid;grid-template-columns:minmax(420px,.82fr) minmax(520px,1.18fr);width:100vw;height:250px;min-height:250px;max-height:250px;margin:0 0 0 calc(50% - 50vw);background:#f4f0ea;overflow:hidden}
.att-samples-hero__copy{display:flex;flex-direction:column;justify-content:center;padding:18px 46px 18px max(46px,calc((100vw - var(--theme-normal-container-max-width,1290px))/2 + 46px))}
.att-samples-hero__eyebrow{display:block;margin-bottom:7px;color:var(--att-red);font-size:11px;line-height:1.2;font-weight:var(--wr-weight-kicker,800);letter-spacing:.16em}
.att-samples-hero .att-samples-page__title{max-width:650px;margin-bottom:7px;font-size:clamp(34px,3vw,44px);line-height:1.02}
.att-samples-hero__lead{margin:0 0 8px;color:var(--att-ink);font-size:19px;line-height:1.45;font-weight:700}
.att-samples-hero .att-samples-page__intro{max-width:540px;font-size:13px;line-height:1.4}
.att-samples-hero__media{position:relative;height:250px;min-height:250px;max-height:250px;background:#ded8cf}
.att-samples-hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,240,234,.2),transparent 36%);pointer-events:none}
.att-samples-hero__media img{display:block;width:100%;height:100%;object-fit:cover}
.att-samples-hero__materials{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:max-content;max-width:100%;margin-top:10px;padding:0;border:0;background:transparent;color:var(--att-red);font-size:13px;font-weight:700;text-decoration:underline;cursor:pointer}
.att-samples-hero__materials:hover{color:var(--att-red-dark);background:transparent}
.att-samples-hero__material-thumb{display:block;flex:0 0 76px;width:76px;height:45px;overflow:hidden}
.att-samples-hero__material-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.att-samples-promo{display:grid;grid-template-columns:1.15fr .9fr .75fr auto;align-items:center;gap:18px;width:100vw;min-height:70px;margin:0 0 0 calc(50% - 50vw);padding:10px max(24px,calc((100vw - var(--theme-normal-container-max-width,1290px))/2 + 24px));background:linear-gradient(90deg,#f22c12,#f34617);color:#fff}
.att-samples-promo__label{display:flex;align-items:center;gap:10px;font-size:15px}
.att-samples-promo__label strong{color:#fff;font-size:15px}
.att-samples-promo__label em{display:inline-block;margin-right:8px;padding:4px 7px;border:1px solid rgba(255,255,255,.7);color:#fff;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.1em;vertical-align:2px}
.att-samples-promo__price{color:#fff!important;font-size:29px!important;line-height:1.1;white-space:nowrap}
.att-samples-promo__dates{display:grid;gap:3px;color:#fff!important;font-size:11px!important;line-height:1.25}
.att-samples-promo__dates del{font-size:14px;font-weight:800;text-decoration-thickness:2px}
.att-samples-promo__dates small{display:block;color:#fff;font-size:11px}
.att-samples-promo__cta{display:block;padding:12px 20px;background:#fff;color:var(--att-red)!important;font-size:12px;font-weight:700;text-align:center;text-decoration:none!important;white-space:nowrap}
.att-samples-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 18px;border-bottom:1px solid var(--att-line);background:#fff}
.att-samples-benefits>div{display:flex;align-items:center;gap:12px;min-height:66px;padding:10px 22px;border-right:1px solid var(--att-line)}
.att-samples-benefits>div:last-child{border-right:0}
.att-samples-benefits>div>span{color:var(--att-red);font-size:22px}
.att-samples-benefits p{margin:0}
.att-samples-benefits strong,.att-samples-benefits small{display:block}
.att-samples-benefits strong{color:var(--att-ink);font-size:11px}
.att-samples-benefits small{margin-top:2px;color:var(--att-muted);font-size:9px;line-height:1.35}
.att-samples-materials[hidden]{display:none!important}
.att-samples-materials{position:fixed;z-index:999999;inset:0;display:flex;justify-content:flex-end}
.att-samples-materials__backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(4,14,27,.54);opacity:0;transition:opacity .22s ease;cursor:pointer}
.att-samples-materials__drawer{position:relative;width:min(510px,92vw);height:100%;padding:28px 26px 32px;background:#fff;overflow:auto;outline:0;transform:translateX(100%);transition:transform .22s ease;box-shadow:-16px 0 45px rgba(4,14,27,.14)}
.att-samples-materials.is-open .att-samples-materials__backdrop{opacity:1}
.att-samples-materials.is-open .att-samples-materials__drawer{transform:translateX(0)}
.att-samples-materials__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--att-line)}
.att-samples-materials__head h2{margin:0;color:var(--att-ink);font-size:var(--wr-type-content-title,clamp(24px,2vw,30px));line-height:1.15}
.att-samples-materials__close{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:1px solid var(--att-line);background:#fff;color:var(--att-ink);font-size:25px;line-height:1;cursor:pointer}
.att-samples-materials__intro{margin:18px 0;color:var(--att-muted);font-size:13px;line-height:1.55}
.att-samples-materials__list{display:grid;gap:12px}
.att-samples-material{display:grid;grid-template-columns:142px minmax(0,1fr);gap:16px;padding:12px;border:1px solid var(--att-line);background:#fff}
.att-samples-material__image{height:112px;background:#eee;overflow:hidden}
.att-samples-material__image img{display:block;width:100%;height:100%;object-fit:cover}
.att-samples-material__image span{display:grid;place-items:center;height:100%;color:var(--att-muted);font-size:11px}
.att-samples-material h3{margin:3px 0 4px;color:var(--att-ink);font-size:16px;line-height:1.25}
.att-samples-material strong{display:block;color:var(--att-red);font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.att-samples-material p{margin:7px 0 0;color:var(--att-muted);font-size:11px;line-height:1.45}
.att-samples-materials__guide{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding:15px 17px;background:var(--att-red);color:#fff!important;font-size:13px;font-weight:700;text-decoration:none!important}
.att-samples-materials__guide:hover{background:var(--att-red-dark)}
body.att-samples-drawer-open{overflow:hidden}
.att-samples-page__header{margin-bottom:24px}
.att-samples-page__title{margin:0 0 8px;font-size:var(--wr-type-hero-title,clamp(48px,4.5vw,64px));line-height:1.02;letter-spacing:-.035em;color:var(--att-ink);font-weight:var(--wr-weight-heading,700)}
.att-samples-page__intro{max-width:820px;font-size:16px;line-height:1.65;color:var(--att-muted)}
.att-samples-page__intro p{margin:0}
.att-samples-page__benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:24px}
.att-samples-benefit{display:flex;align-items:flex-start;gap:10px;min-height:82px;padding:15px 16px;background:#fff;border:1px solid var(--att-line);border-radius:var(--att-radius)}
.att-samples-benefit__icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#fff1f2;color:var(--att-red);font-weight:800;font-size:16px}
.att-samples-benefit strong,.att-samples-benefit small{display:block}
.att-samples-benefit strong{color:var(--att-ink);font-size:14px;line-height:1.3;margin-bottom:3px}
.att-samples-benefit small{color:var(--att-muted);font-size:12px;line-height:1.35}
.att-samples-page__global-note{margin-top:12px;padding:12px 15px;border-left:3px solid var(--att-red);background:#fff7f7;border-radius:0 8px 8px 0;font-size:13px}
.att-samples-page__global-note p{margin:0}
.att-samples-page__toolbar{display:grid;grid-template-columns:minmax(240px,1.35fr) minmax(190px,.8fr) minmax(190px,.8fr) auto;gap:10px;align-items:center;padding:10px;background:var(--att-soft);border:1px solid var(--att-line);border-radius:0;margin-bottom:14px}
.att-samples-field{position:relative;display:block;margin:0}
.att-samples-field input,.att-samples-field select{width:100%;height:38px;margin:0;padding:0 38px 0 12px;border:1px solid #cfd5dc;border-radius:0;background:#fff;color:var(--att-ink);font-size:12px;box-shadow:none;outline:none}
.att-samples-field input:focus,.att-samples-field select:focus{border-color:var(--att-red);box-shadow:0 0 0 2px rgba(217,19,34,.08)}
.att-samples-category,.att-samples-sort{min-height:42px;line-height:1.3;cursor:pointer}
.att-samples-category:focus-visible,.att-samples-sort:focus-visible{border-color:var(--att-red);outline:2px solid rgba(217,19,34,.2);outline-offset:2px}
.att-samples-search__icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--att-muted);pointer-events:none}
.att-samples-results-count{justify-self:end;white-space:nowrap;color:var(--att-muted);font-size:13px}
.att-samples-results-count strong{color:var(--att-ink)}
.att-samples-page__content{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;align-items:start}
.att-samples-page__catalog{min-width:0;position:relative}
.att-samples-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.att-sample-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--att-line);border-radius:0;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.att-sample-card:hover{border-color:#c9ced5;box-shadow:0 9px 26px rgba(16,37,63,.08);transform:translateY(-1px)}
.att-sample-card__image-wrap{position:relative;display:block;aspect-ratio:4/3;background:#eef0f2;overflow:hidden;text-decoration:none}
.att-sample-card__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.att-sample-card:hover .att-sample-card__image{transform:scale(1.025)}
.att-sample-card__badge{position:absolute;left:8px;bottom:8px;padding:4px 7px;background:rgba(255,255,255,.94);border-radius:0;color:var(--att-red);font-size:9px;font-weight:700;box-shadow:none}
.att-sample-card__body{display:flex;flex-direction:column;flex:1;padding:10px}
.att-sample-card__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.att-sample-card__title{display:-webkit-box;margin:0;font-size:12px;line-height:1.3;font-weight:700;color:var(--att-ink);-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.att-sample-card__title a{color:inherit;text-decoration:none}
.att-sample-card__price{flex:0 0 auto;color:var(--att-ink);font-size:12px;font-weight:700;white-space:nowrap}
.att-sample-card__sku{margin:4px 0 8px;color:var(--att-muted);font-size:9px;letter-spacing:.01em}
.att-sample-card__sku strong{color:var(--att-text)}
.att-sample-card__material-label{display:block;margin:0 0 5px;font-size:11px;font-weight:700;color:var(--att-text)}
.att-sample-card__substrate{width:100%;height:34px;margin:0 0 8px;padding:0 28px 0 8px;border:1px solid #d7dce2;border-radius:0;background:#fff;color:var(--att-ink);font-size:10px;box-shadow:none}
.att-sample-card__actions{display:grid;grid-template-columns:76px minmax(0,1fr);gap:6px;margin-top:auto}
.att-sample-qty{display:grid;grid-template-columns:25px minmax(0,1fr) 25px;height:36px;border:1px solid #d7dce2;border-radius:0;overflow:hidden;background:#fff}
.att-sample-qty button,.att-sample-qty input{min-width:0;height:100%;margin:0;padding:0;border:0;background:#fff;color:var(--att-ink);text-align:center;font-size:14px;box-shadow:none}
.att-sample-qty button{cursor:pointer}
.att-sample-qty button:hover{background:var(--att-soft)}
.att-sample-qty input{-moz-appearance:textfield;border-left:1px solid #edf0f2;border-right:1px solid #edf0f2}
.att-sample-qty input::-webkit-outer-spin-button,.att-sample-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.att-sample-card__add,.att-samples-summary__submit,.att-samples-load-more{appearance:none;border:0;border-radius:0;background:var(--att-red);color:#fff;font-weight:700;cursor:pointer;transition:background .2s ease,opacity .2s ease,transform .15s ease}
.att-sample-card__add{height:36px;padding:0 9px;font-size:10px}
.att-sample-card__add:hover,.att-samples-summary__submit:hover{background:var(--att-red-dark)}
.att-sample-card__add:active,.att-samples-summary__submit:active{transform:translateY(1px)}
.att-sample-card__add:disabled,.att-samples-summary__submit:disabled{cursor:not-allowed;opacity:.45}
.att-sample-card__feedback{margin:8px 0 0;color:#257342;font-size:11px;line-height:1.35}
.att-sample-card__feedback.is-error{color:var(--att-red)}
.att-samples-summary{position:sticky;z-index:20;top:20px;display:block;background:#fff;border:1px solid var(--att-line);border-radius:0;overflow:hidden;box-shadow:none}
.admin-bar .att-samples-summary{top:52px}
.att-samples-summary__head{display:flex;align-items:center;padding:13px 14px;border-bottom:1px solid #edf0f2}
.att-samples-summary__head h2{display:flex;align-items:center;gap:8px;margin:0;color:var(--att-ink);font-size:18px;line-height:1.25}
.att-samples-summary__count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:0;background:#fff0f1;color:var(--att-red);font-size:10px}
.att-samples-summary__empty{display:block;padding:22px 14px;text-align:center;color:var(--att-muted)}
.att-samples-summary__empty[hidden],.att-samples-summary__items[hidden]{display:none!important}
.att-samples-summary__empty-icon{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 8px;border:1px dashed #cfd5dc;border-radius:0;font-size:16px;color:#a2abb5}
.att-samples-summary__empty strong{display:block;color:var(--att-ink);font-size:14px}
.att-samples-summary__empty p{margin:4px 0 0;font-size:10px;line-height:1.4}
.att-samples-summary__items{display:block;max-height:350px;overflow:auto;padding:0 12px}
.att-samples-summary-item{display:grid;grid-template-columns:52px minmax(0,1fr);gap:9px;padding:11px 0;border-bottom:1px solid #edf0f2}
.att-samples-summary-item__image{width:52px;height:62px;border-radius:0;overflow:hidden;background:#eef0f2}
.att-samples-summary-item__image img{display:block;width:100%;height:100%;object-fit:cover}
.att-samples-summary-item__content{position:relative;min-width:0;padding-right:17px}
.att-samples-summary-item__content strong{display:-webkit-box;padding-right:10px;color:var(--att-ink);font-size:12px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.att-samples-summary-item__content small{display:block;margin-top:3px;color:var(--att-muted);font-size:10px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.att-samples-summary-item__content small:first-of-type{display:none}
.att-samples-summary-item__remove{position:absolute;right:-4px;top:-5px;width:24px;height:24px;padding:0;border:0;background:transparent;color:#8d96a1;font-size:20px;cursor:pointer}
.att-samples-summary-item__bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}
.att-sample-qty--small{grid-template-columns:25px 28px 25px;width:78px;height:29px}
.att-sample-qty--small span{display:grid;place-items:center;border-left:1px solid #edf0f2;border-right:1px solid #edf0f2;font-size:11px}
.att-samples-summary-item__bottom b{color:var(--att-ink);font-size:12px;white-space:nowrap}
.att-samples-summary__footer{display:grid;align-content:center;padding:12px 14px}
.att-samples-summary__subtotal{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:var(--att-ink);font-size:14px}
.att-samples-summary__subtotal strong{font-size:18px}
.att-samples-summary__message{margin:0 0 10px;padding:9px 10px;border-radius:0;background:#edf8f0;color:#28683d;font-size:11px;line-height:1.4}
.att-samples-summary__message.is-error{background:#fff0f1;color:var(--att-red)}
.att-samples-summary__submit{width:100%;min-height:40px;padding:9px 12px;font-size:11px}
.att-samples-summary__cart-link{display:none}
.att-samples-summary__trust{display:none}
.att-samples-summary__trust>div{display:flex;gap:10px;padding:10px;border:1px solid #edf0f2;border-radius:8px}
.att-samples-summary__trust>div>span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--att-soft);color:var(--att-ink)}
.att-samples-summary__trust p{margin:0}
.att-samples-summary__trust strong,.att-samples-summary__trust small{display:block}
.att-samples-summary__trust strong{color:var(--att-ink);font-size:11px}
.att-samples-summary__trust small{margin-top:2px;color:var(--att-muted);font-size:9px;line-height:1.35}
.att-samples-loading,.att-samples-error,.att-samples-no-results{grid-column:1/-1;padding:28px;text-align:center;border:1px solid var(--att-line);border-radius:var(--att-radius);background:#fff;color:var(--att-muted)}
.att-samples-loading{margin-bottom:15px}
.att-samples-loading span{display:inline-block;width:16px;height:16px;margin-right:6px;border:2px solid #ddd;border-top-color:var(--att-red);border-radius:50%;vertical-align:-3px;animation:attSamplesSpin .8s linear infinite}
.att-samples-error{margin-bottom:15px;border-color:#f3c8cc;background:#fff7f7;color:var(--att-red)}
.att-samples-load-more{display:block;min-width:210px;min-height:46px;margin:24px auto 0;padding:10px 20px;background:#fff;color:var(--att-ink);border:1px solid #ccd2d9}
.att-samples-load-more:hover{border-color:var(--att-red);color:var(--att-red);background:#fff}
.att-samples-page__notice{max-width:900px;margin:30px auto;padding:18px;border-radius:8px;border:1px solid #dfe3e8;background:#fff;color:#3e4b5a}
.att-samples-page__notice--error{border-color:#f1c5ca;background:#fff7f7;color:#b80f1b}
.att-samples-page__notice--info{border-color:#cfe0ef;background:#f6fbff;color:#285678}
@keyframes attSamplesSpin{to{transform:rotate(360deg)}}
@media (max-width:1400px){
  .att-samples-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .att-samples-page__benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
  .att-samples-promo{padding-left:4%;padding-right:4%}
}
@media (max-width:900px){
  .att-samples-page{padding-left:16px;padding-right:16px}
  .att-samples-hero{grid-template-columns:1fr;height:auto;min-height:0;max-height:none}
  .att-samples-hero__copy{padding:36px 30px}
  .att-samples-hero__media{height:250px;min-height:250px;max-height:250px}
  .att-samples-promo{grid-template-columns:1fr 1fr}
  .att-samples-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
  .att-samples-benefits>div:nth-child(2){border-right:0}
  .att-samples-page__toolbar{grid-template-columns:1fr 1fr}
  .att-samples-field--search{grid-column:1/-1}
  .att-samples-results-count{justify-self:start}
  .att-samples-page__content{grid-template-columns:1fr}
  .att-samples-summary{position:relative;top:auto;order:-1;border-radius:0}
  .admin-bar .att-samples-summary{top:auto}
  .att-samples-summary__items{max-height:none;overflow:auto}
}
@media (max-width:620px){
  .att-samples-page{padding-top:20px;padding-bottom:45px}
  .att-samples-page__title{font-size:clamp(36px,11vw,48px)}
  .att-samples-hero{margin-left:calc(50% - 50vw);border-left:0}
  .att-samples-hero__copy{padding:28px 20px 24px}
  .att-samples-hero__lead{font-size:16px}
  .att-samples-hero__media{height:220px;min-height:220px;max-height:220px}
  .att-samples-promo{grid-template-columns:1fr;padding:15px 20px;text-align:left}
  .att-samples-promo__price{font-size:25px!important}
  .att-samples-promo__cta{width:100%}
  .att-samples-benefits{grid-template-columns:1fr}
  .att-samples-benefits>div{border-right:0;border-bottom:1px solid var(--att-line)}
  .att-samples-materials__drawer{width:100vw;padding:22px 18px 28px}
  .att-samples-material{grid-template-columns:104px minmax(0,1fr);gap:12px}
  .att-samples-material__image{height:96px}
  .att-samples-page__benefits{grid-template-columns:1fr}
  .att-samples-page__toolbar{grid-template-columns:1fr;padding:12px}
  .att-samples-field--search{grid-column:auto}
  .att-samples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .att-sample-card__actions{grid-template-columns:94px minmax(0,1fr)}
}
.att-samples-bestsellers{margin-bottom:36px}
.att-samples-bestsellers[hidden],.att-samples-remaining-title[hidden]{display:none!important}
.att-samples-bestsellers>h2,.att-samples-remaining-title{margin:0 0 20px;font-size:clamp(22px,2vw,30px);line-height:1.2}
.att-samples-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:28px 0}
.att-samples-pagination:empty{display:none}
.att-samples-pagination button{min-width:42px;min-height:42px;padding:8px 14px;border:1px solid var(--att-line,#d6dce4);background:transparent;color:inherit;cursor:pointer}
.att-samples-pagination button[aria-current="page"]{background:var(--att-accent,#ef3e24);border-color:var(--att-accent,#ef3e24);color:#fff}
.att-samples-pagination button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.att-samples-pagination button:disabled{opacity:.55;cursor:wait}