.twg-nb{--twg-nb-green: #7f9469;--twg-nb-green-text: #fff;display:block}.twg-nb__eyebrow{margin:0 0 8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--color-foreground) / .65);text-align:center}.twg-nb__heading{margin:0 0 10px;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:700;font-size:clamp(28px,6vw,38px);line-height:1.15;color:rgb(var(--color-foreground));text-align:center}.twg-nb__subtitle{margin:0 0 20px;max-width:560px;font-size:15px;line-height:1.5;color:rgb(var(--color-foreground) / .75);text-align:center;margin-inline:auto}.twg-nb__hero{display:block;width:100%;height:auto;margin:0 0 20px;border-radius:var(--rounded-card);background-color:rgb(var(--color-placeholder))}.twg-nb__track{display:flex;gap:12px;margin:0;padding:2px 2px 4px;list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline-start:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.twg-nb__track::-webkit-scrollbar{display:none}.twg-nb__card{flex:0 0 43%;min-width:0;display:flex;flex-direction:column;scroll-snap-align:start;background-color:rgb(var(--color-background));border:1px solid rgb(var(--color-foreground) / .18);border-radius:var(--rounded-card);overflow:hidden}.twg-nb__media{display:block;background-color:rgb(var(--color-placeholder));aspect-ratio:1 / .9}.twg-nb__media img{display:block;width:100%;height:100%;object-fit:cover}.twg-nb__body{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;padding:10px}.twg-nb__name{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:700;font-size:16px;line-height:1.25;color:rgb(var(--color-foreground))}.twg-nb__name-link{color:inherit;text-decoration:none}.twg-nb__name-link:hover{text-decoration:underline}.twg-nb__badge{display:inline-block;margin-top:6px;padding:3px 10px;border-radius:999px;font-size:10px;font-weight:600;line-height:1.4;color:var(--twg-nb-green-text);background-color:var(--twg-nb-green)}.twg-nb__specs{display:flex;align-self:stretch;margin:8px 0 0;padding:8px 0;list-style:none;border-top:1px solid rgb(var(--color-foreground) / .1)}.twg-nb__spec{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 4px;text-align:center}.twg-nb__spec+.twg-nb__spec:before{content:"";position:absolute;inset-inline-start:0;top:2px;width:1px;height:30px;background-color:rgb(var(--color-foreground) / .1)}.twg-nb__spec-icon{width:16px;height:16px;object-fit:contain}.twg-nb__spec-value{font-size:13px;font-weight:600;color:rgb(var(--color-foreground));overflow-wrap:break-word}.twg-nb__spec-label{width:max-content;max-width:calc(100% + 16px);font-size:10px;line-height:1.3;color:rgb(var(--color-foreground) / .65);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.twg-nb__price{margin:4px 0 0;align-self:stretch;text-align:center;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:400;font-size:17px;color:rgb(var(--color-price))}.twg-nb__price:has(.twg-nb__price-was) .twg-nb__price-now{color:rgb(var(--color-sale-price))}.twg-nb__price-was{position:relative;display:inline-flex;align-items:center;margin-left:6px;font-size:13px;font-weight:400;color:rgb(var(--color-price) / .6);text-decoration:none}.twg-nb__price-was:before{content:"";position:absolute;inset-block-start:50%;width:100%;transform:rotate(-15deg);border-block-end:1px solid rgb(var(--color-price) / .6)}.twg-nb__add{align-self:stretch;margin-top:auto;padding:10px 8px;border:0;border-radius:var(--rounded-button);background-color:rgb(var(--color-base-button));color:rgb(var(--color-base-button-text));font-family:inherit;font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:opacity .15s ease}.twg-nb__price+.twg-nb__add,.twg-nb__specs+.twg-nb__add{margin-top:10px}.twg-nb__add[aria-busy=true]{opacity:.6}.twg-nb__add:focus-visible{outline:2px solid rgb(var(--color-keyboard-focus));outline-offset:2px}.twg-nb__note{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 0 0}.twg-nb__note-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--twg-nb-green);color:var(--twg-nb-green-text)}.twg-nb__note-icon svg{width:20px;height:20px;stroke:currentColor}.twg-nb__note-text{font-size:13px;line-height:1.4;color:rgb(var(--color-foreground) / .8)}@media screen and (min-width:990px){.twg-nb{max-width:1200px;margin-inline:auto}.twg-nb__track{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;overflow:visible}.twg-nb__card{flex:initial}.twg-nb__body{padding:16px}.twg-nb__name{font-size:19px}.twg-nb__badge{font-size:12px;margin-top:8px}.twg-nb__specs{margin-top:12px;padding:10px 0}.twg-nb__spec-icon{width:20px;height:20px}.twg-nb__spec+.twg-nb__spec:before{height:38px}.twg-nb__spec-value{font-size:15px}.twg-nb__spec-label{font-size:12px}.twg-nb__price{font-size:20px}.twg-nb__price-was{font-size:15px}.twg-nb__add{padding:12px 10px;font-size:13px}.twg-nb__subtitle{font-size:16px}.twg-nb__note-text{font-size:14px}}@media screen and (min-width:990px)and (hover:hover){.twg-nb__add:hover:not([aria-disabled]){opacity:.85}}@supports (grid-template-rows: subgrid){.twg-nb__track{display:grid;grid-auto-flow:column;grid-auto-columns:43%;grid-template-rows:repeat(6,auto);gap:0 12px}.twg-nb__card{--twg-nb-pad: 10px;display:grid;grid-template-rows:subgrid;grid-row:span 6;isolation:isolate}.twg-nb__body{display:contents}.twg-nb__card:after{content:"";grid-row:4 / 7;grid-column:1;z-index:-1;background-color:rgb(var(--color-foreground) / .04)}.twg-nb__media{grid-row:1;grid-column:1}.twg-nb__name{grid-row:2;grid-column:1;padding:8px var(--twg-nb-pad)}.twg-nb__badge{grid-row:3;grid-column:1;margin:0 var(--twg-nb-pad) 8px;justify-self:start}.twg-nb__specs{grid-row:4;grid-column:1;margin:0;padding:8px var(--twg-nb-pad)}.twg-nb__spec+.twg-nb__spec:before{background-color:rgb(var(--color-foreground) / .14)}.twg-nb__price{grid-row:5;grid-column:1;margin:4px var(--twg-nb-pad) 0}.twg-nb__add{grid-row:6;grid-column:1;margin:10px var(--twg-nb-pad) var(--twg-nb-pad)}}@media screen and (min-width:990px){@supports (grid-template-rows: subgrid){.twg-nb__track{grid-auto-flow:row;grid-auto-columns:auto;grid-template-rows:none;gap:0 20px}.twg-nb__card{--twg-nb-pad: 16px;margin-bottom:20px}.twg-nb__note{margin-top:0}.twg-nb__name{padding-top:14px;padding-bottom:10px}.twg-nb__badge{margin-bottom:10px}.twg-nb__specs{padding-block:10px}}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/twg-next-build.css.map */
