.truffle-page{background:#789d4a;color:#612141;padding:clamp(24px,3.5vw,64px) clamp(18px,4.5vw,80px) 56px;font:16px/1.6 Arial,Helvetica,sans-serif}.truffle-page *{box-sizing:border-box}.truffle-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#babd8b;border:1px solid #61214155}.truffle-feature{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(24px,4vw,68px);background:radial-gradient(ellipse at 49% 75%,#cdd0a7,#babd8b 70%)}#MainContent.titin-prototype .truffle-intro h1{margin:0;font:800 clamp(34px,4.1vw,68px)/.99 Arial,Helvetica,sans-serif;letter-spacing:-.055em}#MainContent.titin-prototype .truffle-intro p{max-width:38ch;margin:14px 0 0;font-size:clamp(15px,1.3vw,18px)}.truffle-art{margin:0}.truffle-art img{display:block;width:100%;height:clamp(240px,29vw,460px);object-fit:contain}.truffle-form{min-width:0;padding:clamp(24px,3.4vw,56px);align-content:center;background:#c8cba3;border-inline-start:1px solid #61214144;scroll-margin-top:24px;container:truffle-order / inline-size}#MainContent.titin-prototype :is(.truffle-form,.truffle-how) h2{margin:0 0 12px;font:800 clamp(27px,2.5vw,42px)/1.06 Arial,Helvetica,sans-serif;letter-spacing:-.045em}.truffle-reference{margin:0;font-size:16px}.truffle-reference strong{font-size:20px}.truffle-help{margin:10px 0 16px;font-size:14px;line-height:1.5}.truffle-details{display:inline-flex;align-items:center;gap:8px;color:inherit;font-size:14px;text-decoration:underline;text-underline-offset:4px}.truffle-form :is(a,button,input):focus-visible{outline:2px solid #612141;outline-offset:3px}.truffle-how{margin-top:clamp(30px,4vw,64px);padding:clamp(22px,3vw,42px);background:#babd8b;border:1px solid #61214155}.truffle-how ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:decimal-leading-zero inside;margin:22px 0 0;padding:0;border-top:1px solid #61214155}.truffle-how li{padding:16px clamp(12px,2vw,32px) 0 0}.truffle-how li+li{padding-inline-start:clamp(12px,2vw,32px);border-inline-start:1px solid #61214155}.truffle-how li::marker{font-size:13px;font-variant-numeric:tabular-nums}.truffle-how li strong{font-size:17px}.truffle-how li span{display:block;max-width:40ch;margin-top:5px;font-size:15px}@media(max-width:760px){.truffle-layout{grid-template-columns:minmax(0,1fr)}.truffle-art img{height:clamp(170px,49vw,280px)}.truffle-form{border-inline-start:0;border-top:1px solid #61214144}.truffle-how ol{grid-template-columns:minmax(0,1fr)}.truffle-how li{padding:13px 0}.truffle-how li+li{padding-inline-start:0;border-inline-start:0;border-top:1px solid #61214155}.truffle-how li:last-child{padding-bottom:0}}.truffle-back a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:6px}.truffle-back{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;border-top:1px solid #61214155;margin-top:32px;padding-top:25px;font-size:14px}.truffle-pairings{border-top:1px solid #61214155;margin-top:clamp(32px,5vw,70px);padding-top:clamp(28px,4vw,52px)}.truffle-pairings-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.truffle-pairings-heading h2{font:800 clamp(32px,3.5vw,52px)/1.04 Arial,Helvetica,sans-serif;letter-spacing:-.045em;margin:0 0 16px}.truffle-pairings-heading p{max-width:58ch;margin:0;font-size:16px}.truffle-pairings a{color:inherit;text-underline-offset:5px}.truffle-pairings-heading>a{flex-shrink:0;font-size:14px}.truffle-pairings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.truffle-pairing{background:#babd8b;padding:clamp(18px,2vw,28px);display:flex;flex-direction:column;min-width:0}.truffle-pairing-photo{display:flex;align-items:center;justify-content:center;height:clamp(180px,20vw,280px);margin-bottom:20px}.truffle-pairing-photo img{display:block;height:100%;width:100%;object-fit:contain}.truffle-pairing-copy{display:flex;flex-direction:column;flex:1}.truffle-pairing h3{font:750 clamp(22px,2vw,30px)/1.1 Arial,Helvetica,sans-serif;letter-spacing:-.035em;margin:0 0 10px}.truffle-pairing h3 a{text-decoration:none}.truffle-pairing-copy>p{font-size:14px;line-height:1.6;margin:0 0 18px}.truffle-pairing-copy>.truffle-pairing-price{font-size:15px;font-weight:600;margin-bottom:12px}.truffle-pairing-add{display:flex;align-items:center;justify-content:space-between;gap:12px;background:transparent;color:#612141;border:1px solid #612141;border-radius:0;min-height:48px;padding:12px;font:600 14px/1.5 Arial,Helvetica,sans-serif;text-align:left;cursor:pointer;margin-top:auto;width:100%}.truffle-pairing-add:hover{background:#612141;color:#babd8b}.truffle-pairing-add:disabled{opacity:.55;cursor:not-allowed}.truffle-pairings :is(a,button):focus-visible{outline:2px solid #612141;outline-offset:4px}.truffle-pairings-note{font-size:13px;line-height:1.7;max-width:95ch;margin:20px 0 0}@media(max-width:1050px){.truffle-pairings-grid{gap:14px}.truffle-pairing{padding:18px}.truffle-pairings-heading{align-items:start;flex-direction:column}}@media(max-width:760px){.truffle-pairings-grid{grid-template-columns:1fr}.truffle-pairing{display:grid;grid-template-columns:minmax(70px,.65fr) minmax(0,1fr);gap:18px;padding:22px 18px}.truffle-pairing-photo{height:200px;margin:0}.truffle-pairing-copy>p{font-size:13px}.truffle-pairing h3{font-size:25px}.truffle-pairing-add{font-size:13px;padding:10px}.truffle-pairings-heading p{font-size:15px}}.truffle-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.truffle-teaser{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;padding:clamp(32px,4.5vw,64px) clamp(20px,4.5vw,80px);background:#babd8b;color:#612141;border-top:1px solid #61214155}.truffle-teaser h2{font:800 clamp(29px,3.3vw,48px)/1.04 Arial,Helvetica,sans-serif;letter-spacing:-.045em;margin:0 0 17px}.truffle-teaser>div>p{max-width:54ch;font:400 16px/1.6 Arial,Helvetica,sans-serif;margin:0}.truffle-teaser-action{min-width:250px}.truffle-teaser-action>p{margin:0 0 20px!important;font-weight:600!important}.truffle-teaser-action>p>span{font:400 12px Arial,Helvetica,sans-serif}.truffle-teaser .solid-button{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#612141;color:#babd8b;padding:16px 22px;text-decoration:none;font:600 13px/1.4 Arial,Helvetica,sans-serif}#MainContent .truffle-form .truffle-weight-picker{margin:22px 0 18px;min-width:0}.truffle-weight-picker legend{padding:0;margin-bottom:9px;font-size:15px;font-weight:700}.truffle-weight-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.truffle-weight-option{position:relative;min-width:0;grid-column:span 2}.truffle-weight-grid:has(>:nth-child(5):last-child)>:nth-child(n+4){grid-column:span 3}.truffle-weight-option input{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%)}.truffle-weight-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:68px;padding:8px 4px;border:1px solid #61214199;font-variant-numeric:tabular-nums;cursor:pointer}.truffle-weight-tile strong{font:700 19px/1.2 Arial,Helvetica,sans-serif}.truffle-weight-tile span{font:400 13px/1.3 Arial,Helvetica,sans-serif}.truffle-weight-option input:enabled:not(:checked)+.truffle-weight-tile:hover{border-color:currentColor;box-shadow:inset 0 0 0 1px currentColor}.truffle-weight-option input:checked+.truffle-weight-tile{background:#612141;color:#babd8b;border-color:#612141}.truffle-weight-option input:focus-visible+.truffle-weight-tile{outline:2px solid #612141;outline-offset:2px}.truffle-weight-option input:disabled+.truffle-weight-tile{opacity:.6;cursor:not-allowed}@container truffle-order (min-width: 450px){.truffle-weight-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.truffle-weight-grid>.truffle-weight-option,.truffle-weight-grid:has(>:nth-child(5):last-child)>:nth-child(n+4){grid-column:span 1}}#MainContent .truffle-form .demo-buy-row{display:grid;grid-template-columns:minmax(62px,84px) minmax(0,1fr);gap:12px}#MainContent .truffle-form .demo-buy-row .titin-demo-button{min-width:0;white-space:normal}@media(max-width:480px){#MainContent .truffle-form .demo-buy-row{grid-template-columns:minmax(0,1fr)}#MainContent .truffle-form .demo-buy-row>label{display:flex;align-items:center;gap:12px;font-size:15px}#MainContent .truffle-form .demo-buy-row input{width:64px;min-height:44px;margin:0;padding:8px}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/titin-demo-truffle.css.map */