.tnk-pdp{--font-display: var(--font-heading-family);--font-body: var(--font-body-family);--fs-48: 3rem;--fs-52: 3.25rem;--ring: var(--green-brand);--sh-md: 0 4px 12px rgba(15,42,63,.1)}.tnk-pdp .tnum{font-variant-numeric:tabular-nums}.tnk-pdp .breadcrumb{padding:var(--sp-6) 0 0;font-size:var(--fs-14);color:var(--text-2)}.tnk-pdp .breadcrumb a{color:var(--text-2);text-decoration:none}.tnk-pdp .breadcrumb a:hover{color:var(--green-ink)}.tnk-pdp .breadcrumb [aria-current]{color:var(--navy)}.tnk-pdp .pdp__wrap{padding:var(--sp-8) 0 var(--sp-16)}.tnk-pdp .pdp__grid{display:grid;gap:var(--sp-8)}@media(min-width:900px){.tnk-pdp .pdp__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-16);align-items:start}}.tnk-pdp .pdp__gallery{position:sticky;top:88px}.tnk-pdp .pdp__main{position:relative;background:linear-gradient(160deg,#fff,var(--muted));border:1px solid var(--border);border-radius:var(--r-lg);aspect-ratio:1;display:grid;place-items:center;overflow:hidden}.tnk-pdp .pdp__main img{width:80%;height:80%;object-fit:contain}.tnk-pdp .pdp__main--ph{color:var(--green-ink)}.tnk-pdp .pdp__main--ph img{width:46%;height:46%;opacity:.5;transform:scaleX(-1)}.tnk-pdp .pdp__flag{position:absolute;top:var(--sp-4);left:var(--sp-4);background:var(--green-ink);color:#fff;font-size:var(--fs-12);font-weight:600;padding:4px 10px;border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.05em}.tnk-pdp .pdp__thumbs{display:flex;gap:var(--sp-3);list-style:none;padding:0;margin:var(--sp-3) 0 0;flex-wrap:wrap}.tnk-pdp .pdp__thumb{width:72px;height:72px;padding:0;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-md);display:grid;place-items:center;cursor:pointer;overflow:hidden;transition:border-color var(--dur)}.tnk-pdp .pdp__thumb.is-active{border-color:var(--green-ink)}.tnk-pdp .pdp__thumb img{width:100%;height:100%;object-fit:contain}.tnk-pdp .pdp__tag{font-size:var(--fs-12);font-weight:600;color:var(--green-ink);text-transform:uppercase;letter-spacing:.05em;display:inline-block}.tnk-pdp .pdp__buy h1{font-family:var(--font-display);color:var(--navy);font-size:clamp(var(--fs-28),3.4vw,var(--fs-38));margin:var(--sp-2) 0 var(--sp-3);max-width:20ch;letter-spacing:-.02em;line-height:1.12}.tnk-pdp .pdp__rating{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-6)}.tnk-pdp .stars{color:var(--cta);letter-spacing:.08em;font-size:var(--fs-18)}.tnk-pdp .pdp__rating-txt{font-size:var(--fs-14);color:var(--text-2)}.tnk-pdp .pdp__rating-txt a{color:var(--text-2)}.tnk-pdp .pdp__compat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-6);margin-bottom:var(--sp-6)}.tnk-pdp .pdp__compat h2{font-size:var(--fs-14);text-transform:uppercase;letter-spacing:.06em;color:var(--green-ink);margin-bottom:var(--sp-3)}.tnk-pdp .chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);list-style:none;padding:0;margin:0 0 var(--sp-3)}.tnk-pdp .chips li{font-family:var(--font-display);font-weight:600;font-size:var(--fs-14);color:var(--navy);background:var(--muted);padding:5px 11px;border-radius:var(--r-pill)}.tnk-pdp .pdp__compat-text{color:var(--navy);font-weight:500;margin:0 0 var(--sp-3)}.tnk-pdp .pdp__finder-link{font-size:var(--fs-14);font-weight:600;color:var(--green-ink)}.tnk-pdp .pdp__yield{font-size:var(--fs-18);color:var(--fg);margin-bottom:var(--sp-3)}.tnk-pdp .pdp__yield strong{color:var(--navy);font-family:var(--font-display)}.tnk-pdp .pdp__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--sp-3);margin-bottom:var(--sp-6)}.tnk-pdp .pdp__oem{font-size:var(--fs-14);color:var(--text-2)}.tnk-pdp .pdp__now strong{font-family:var(--font-display);font-size:var(--fs-52);color:var(--navy);line-height:1;letter-spacing:-.03em}.tnk-pdp .pdp__unit{font-size:var(--fs-16);color:var(--text-2)}.tnk-pdp .badge-save{background:var(--green-ink);color:#fff;font-size:var(--fs-14);font-weight:600;padding:3px 10px;border-radius:var(--r-pill)}.tnk-pdp .packs{border:0;padding:0;margin:0 0 var(--sp-6);display:grid;gap:var(--sp-3)}.tnk-pdp .packs legend{font-family:var(--font-display);font-weight:600;color:var(--navy);margin-bottom:var(--sp-2)}@media(min-width:560px){.tnk-pdp .packs--3{grid-template-columns:repeat(3,1fr)}.tnk-pdp .packs--2{grid-template-columns:repeat(2,1fr)}}.tnk-pdp .pack{position:relative;display:block;cursor:pointer}.tnk-pdp .pack input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;cursor:pointer}.tnk-pdp .pack__body{display:grid;gap:2px;padding:var(--sp-4);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-md);transition:border-color var(--dur),box-shadow var(--dur),transform var(--dur)}.tnk-pdp .pack__title{font-family:var(--font-display);font-weight:600;color:var(--navy)}.tnk-pdp .pack__price{font-size:var(--fs-18);color:var(--navy)}.tnk-pdp .pack__perpage{font-size:var(--fs-12);color:var(--text-2)}.tnk-pdp .pack:hover .pack__body{border-color:color-mix(in srgb,var(--green-ink) 45%,var(--border))}.tnk-pdp .pack input:focus-visible~.pack__body{outline:3px solid var(--ring);outline-offset:2px}.tnk-pdp .pack input:checked~.pack__body,.tnk-pdp .pack input:checked+.pack__flag+.pack__body{border-color:var(--green-ink);box-shadow:0 0 0 1.5px var(--green-ink),var(--sh-md)}.tnk-pdp .pack--best{transform:translateY(-6px)}@media(max-width:559px){.tnk-pdp .pack--best{transform:none}}.tnk-pdp .pack__flag{position:absolute;top:-12px;left:50%;transform:translate(-50%);z-index:1;background:var(--green-ink);color:#fff;font-size:var(--fs-12);font-weight:600;padding:3px 10px;border-radius:var(--r-pill);white-space:nowrap}.tnk-pdp .pdp__qty{display:flex;align-items:center;gap:var(--sp-3);margin:0 0 var(--sp-6)}.tnk-pdp .pdp__qty label{font-family:var(--font-display);font-weight:600;color:var(--navy)}.tnk-pdp .qty-box{display:inline-flex;align-items:center;border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.tnk-pdp .qty-box button{width:44px;height:48px;border:0;background:transparent;font-size:var(--fs-21);color:var(--navy);cursor:pointer;line-height:1}.tnk-pdp .qty-box button:hover{background:var(--muted)}.tnk-pdp .qty-box input{width:52px;height:48px;border:0;text-align:center;font:inherit;font-weight:600;color:var(--navy);background:transparent;-moz-appearance:textfield}.tnk-pdp .qty-box input::-webkit-outer-spin-button,.tnk-pdp .qty-box input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tnk-pdp .pdp__actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-bottom:var(--sp-4)}.tnk-pdp .pdp__add{flex:1 1 auto;justify-content:center;font-size:var(--fs-18);min-height:54px;background:var(--cta);color:var(--cta-fg)}.tnk-pdp .pdp__add:hover{transform:translateY(-1px);box-shadow:0 6px 18px #ff7a1a4d}.tnk-pdp .pdp__add[aria-disabled=true]{background:var(--muted);color:var(--text-2);cursor:not-allowed;box-shadow:none;transform:none}.tnk-pdp .pdp__reorder{background:transparent;color:var(--green-ink);box-shadow:inset 0 0 0 1.5px var(--border)}.tnk-pdp .pdp__reorder:hover{background:var(--green-ink);color:#fff}.tnk-pdp .pdp__guarantee{display:grid;gap:var(--sp-2);list-style:none;padding:0;margin:0;color:var(--navy);font-size:var(--fs-14);font-weight:500}.tnk-pdp .pdp__guarantee li{display:flex;align-items:flex-start}.tnk-pdp .pdp__guarantee li:before{content:"\2713";color:var(--green-brand);font-weight:700;margin-right:8px}.tnk-pdp .pdp__toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(120%);z-index:60;background:var(--navy);color:#fff;padding:12px 20px;border-radius:var(--r-pill);box-shadow:0 12px 32px #0f2a3f4d;display:flex;align-items:center;gap:12px;font-size:var(--fs-14);transition:transform var(--dur) var(--ease-out);max-width:calc(100% - 32px)}.tnk-pdp .pdp__toast.is-on{transform:translate(-50%) translateY(0)}.tnk-pdp .pdp__toast a{color:#fff;font-weight:700;white-space:nowrap}.tnk-pdp .pdp__section{margin-top:var(--sp-16);max-width:760px}.tnk-pdp .pdp__section h2{font-family:var(--font-display);color:var(--navy);font-size:var(--fs-28);margin-bottom:var(--sp-6);letter-spacing:-.02em}.tnk-pdp .spec-table{width:100%;border-collapse:collapse}.tnk-pdp .spec-table th,.tnk-pdp .spec-table td{text-align:left;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border)}.tnk-pdp .spec-table th{width:38%;font-family:var(--font-body);font-weight:500;color:var(--text-2)}.tnk-pdp .spec-table td{color:var(--fg)}.tnk-pdp .how__steps{padding-left:1.2em;display:grid;gap:var(--sp-3);color:var(--fg)}.tnk-pdp .how__steps strong{color:var(--navy)}.tnk-pdp .how__steps a{color:var(--green-ink);font-weight:600}.tnk-pdp .reviews{display:grid;gap:var(--sp-4)}@media(min-width:768px){.tnk-pdp .reviews{grid-template-columns:repeat(3,1fr)}}.tnk-pdp .review{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-6);margin:0}.tnk-pdp .review p{color:var(--fg)}.tnk-pdp .review cite{display:block;margin-top:var(--sp-3);font-size:var(--fs-14);color:var(--text-2);font-style:normal}.tnk-pdp .muestra-note{margin-top:var(--sp-12);font-size:var(--fs-12);color:var(--text-2);border-top:1px solid var(--border);padding-top:var(--sp-4)}@media(prefers-reduced-motion:reduce){.tnk-pdp .pdp__toast,.tnk-pdp .pdp__add,.tnk-pdp .pack__body,.tnk-pdp .pdp__thumb{transition:none}.tnk-pdp .pdp__add:hover,.tnk-pdp .pack--best{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/tonoko-pdp.css.map */