.toasty-family{position:relative;background:var(--bg-color);color:var(--primary-color);padding:clamp(60px,6.25vw,120px) 0 clamp(80px,6.25vw,120px);overflow:visible}.toasty-family__deco{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.toasty-family__deco img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.toasty-family__outer{position:relative;z-index:1;width:min(1720px,calc(100% - (clamp(24px,5.21vw,100px)*2)));margin:0 auto}.toasty-family__frame{position:relative;background:var(--panel-color);border-radius:clamp(16px,1.56vw,30px);height:clamp(480px,31.25vw,600px);min-height:clamp(480px,31.25vw,600px);display:grid;grid-template-columns:minmax(0,860px) minmax(0,1fr);align-items:stretch;overflow:visible;isolation:isolate}.toasty-family__collage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;padding:0 12px 0 0;height:100%;min-height:0;max-width:860px;background:var(--panel-color);box-sizing:border-box;overflow:hidden;border-radius:clamp(16px,1.56vw,30px) 0 0 clamp(16px,1.56vw,30px)}.toasty-family__shot{position:relative;margin:0;overflow:hidden;background:#d9d9d9;min-height:0;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.toasty-family__shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform-origin:center center}.toasty-family__shot--tall{grid-row:1 / 3;border-radius:clamp(16px,1.56vw,30px) 0 0 clamp(16px,1.56vw,30px)}.toasty-family__shot figcaption{position:absolute;z-index:2;background:var(--panel-color);color:#140800;font-family:var(--fonts-body);font-size:clamp(12px,1.04vw,20px);font-weight:700;line-height:1.12;height:clamp(28px,2.08vw,40px);display:inline-flex;align-items:center;padding:0 clamp(12px,1.04vw,20px);white-space:nowrap}.toasty-family__shot--tall figcaption{top:0;right:0;border-radius:0 0 0 clamp(16px,1.56vw,30px)}.toasty-family__shot--top figcaption{bottom:0;right:0;border-radius:clamp(16px,1.56vw,30px) 0 0 0}.toasty-family__shot--bottom figcaption{bottom:0;left:0;border-radius:0 clamp(16px,1.56vw,30px) 0 0}.toasty-family__hero{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:flex-start;height:100%;min-height:0;overflow:visible;background:var(--panel-color);padding:0 clamp(24px,2.6vw,50px) clamp(40px,2.97vw,57px) clamp(24px,2.6vw,50px);box-sizing:border-box}.toasty-family__copy{position:relative;z-index:3;max-width:330px;width:100%}.toasty-family__title{font-family:var(--fonts-header);font-size:clamp(40px,calc(100vw * 64 / 1920),64px);font-weight:700;line-height:1.03125;margin:0;color:var(--primary-color)}.toasty-family__desc{margin-top:clamp(12px,.94vw,18px);font-family:var(--fonts-body);font-size:clamp(16px,1.15vw,22px);font-weight:400;line-height:1.2;max-width:301px;color:var(--primary-color)}.toasty-family__btn{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;flex-shrink:0;margin-top:30px;padding:0 clamp(20px,1.57vw,30px);height:52px;min-height:52px;box-sizing:border-box;background:var(--btn-bg);color:var(--btn-color);border:1px solid var(--btn-bg);box-shadow:0 2px 1px #0000001a;font-family:var(--fonts-body);font-size:clamp(16px,1.25vw,24px);font-weight:700;line-height:1.2;width:auto;max-width:none;white-space:nowrap;position:relative;z-index:3;transition:all .3s ease}.toasty-family__btn:hover{outline:none;box-shadow:none;background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.toasty-family__products{position:absolute;z-index:3;left:66.2%;top:clamp(-118px,-11.09vw,-213px);width:min(628px,41%);pointer-events:none}.toasty-family__product{display:block;width:100%;height:auto;object-fit:contain}@media only screen and (min-width:1000px)and (max-width:1519px){.toasty-family__outer{width:min(1540px,calc(100% - 32px));padding-left:5rem;padding-right:5rem;box-sizing:border-box}.toasty-family__frame{grid-template-columns:minmax(0,58%) minmax(0,1fr)}.toasty-family__collage{max-width:none;width:100%}.toasty-family__hero{padding-left:20px;padding-right:28px}.toasty-family__products{left:auto;right:-20px;top:clamp(-100px,-9.5vw,-160px);width:min(480px,34%)}.toasty-family__copy{max-width:260px}}@media only screen and (min-width:1001px)and (max-width:1359px){.toasty-family__frame{grid-template-columns:minmax(0,55%) minmax(0,1fr)}.toasty-family__products{width:38%;top:-72px;right:-4%}.toasty-family__hero{padding-left:24px;padding-right:24px}}@media only screen and (min-width:750px)and (max-width:1000px){.toasty-family__outer{width:min(720px,calc(100% - 40px))}.toasty-family{padding:60px 0 48px}.toasty-family__deco{display:none}.toasty-family__frame{position:relative;display:flex;flex-direction:column;grid-template-columns:none;background:transparent;border-radius:0;height:auto;min-height:0;gap:16px;overflow:visible}.toasty-family__hero{order:1;height:auto;min-height:280px;width:100%;margin:0;align-items:center;justify-content:flex-start;padding:36px 46% 36px 32px;background:var(--panel-color);border-radius:clamp(16px,1.5vw,24px);box-sizing:border-box}.toasty-family__copy{max-width:300px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;margin:0}.toasty-family__title{font-size:clamp(32px,4.5vw,44px);line-height:1.05;color:var(--primary-color)}.toasty-family__desc{margin-top:12px;font-size:clamp(15px,2vw,18px);line-height:1.25;max-width:280px;color:var(--primary-color)}.toasty-family__btn{margin-top:24px;font-size:16px;padding:0 22px;height:44px;min-height:44px;white-space:nowrap}.toasty-family__products{order:0;position:absolute;left:auto;right:12px;top:-20px;bottom:auto;transform:none;width:min(340px,46%);max-width:none;margin:0;z-index:3;pointer-events:none}.toasty-family__collage{order:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:auto auto;gap:10px;padding:0;height:auto;min-height:360px;width:100%;max-width:none;margin:0;overflow:visible;border-radius:0;background:transparent}.toasty-family__shot--tall{grid-row:1 / 3;border-radius:16px 0 0 16px;min-height:360px}.toasty-family__shot--top{border-radius:0 16px 0 0;min-height:175px}.toasty-family__shot--bottom{border-radius:0 0 16px;min-height:175px}.toasty-family__shot figcaption{display:inline-flex;font-size:13px;height:30px;padding:0 12px}}@media only screen and (max-width:749px){.toasty-family{background:#fbe7af;padding:60px 0 50px;color:#140800}.toasty-family__outer{width:min(550px,calc(100% - 32px))}.toasty-family__deco{display:none}.toasty-family__frame{position:relative;display:flex;flex-direction:column;grid-template-columns:none;background:transparent;border-radius:0;height:auto;min-height:0;gap:12px;overflow:visible}.toasty-family__hero{order:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;min-height:540px;margin:0 auto;padding:50px 13px 0;background:#f9bb1b;border-radius:0;box-sizing:border-box;overflow:hidden;z-index:1}.toasty-family__copy{position:relative;z-index:2;width:100%;max-width:317px;text-align:center;display:flex;flex-direction:column;align-items:center;margin:0 auto}.toasty-family__title{font-family:var(--fonts-header);font-size:40px;font-weight:700;line-height:42px;color:#140800;text-transform:uppercase;margin:0 0 10px}.toasty-family__desc{margin-top:6px;max-width:297px;font-family:var(--fonts-body);font-size:18px;font-weight:400;line-height:21.6px;color:#140800}.toasty-family__btn{align-self:center;margin-top:20px;padding:0 20px;height:38px;min-height:38px;font-size:16px;font-weight:700;line-height:1.2;background:#f55a00;border:1px solid #f55a00;color:#fff;box-shadow:0 2px 1px #0000001a;border-radius:0;white-space:nowrap}.toasty-family__products{order:0;position:absolute;left:50%;right:auto;top:168px;bottom:auto;transform:translate(-50%);width:min(550px,100%);max-width:340px;margin:0;z-index:3;pointer-events:none}.toasty-family__products .toasty-family__product.mb-down--hide{display:none!important}.toasty-family__products .toasty-family__product.mb-up--hide{display:block!important;width:100%;height:auto;object-fit:contain}.toasty-family__collage{order:2;position:relative;z-index:1;display:grid;grid-template-columns:166px minmax(0,1fr);grid-template-rows:114px 114px;gap:6px;padding:0;height:auto;min-height:0;width:100%;max-width:550px;margin:0 auto;overflow:visible;border-radius:0;background:transparent}.toasty-family__shot{border-radius:0}.toasty-family__shot--tall{grid-row:1 / 3;border-radius:12px 0 0 12px;min-height:0;height:100%}.toasty-family__shot--top,.toasty-family__shot--bottom{min-height:0;height:114px;border-radius:0}.toasty-family__shot figcaption{display:none}}@supports (-webkit-touch-callout: none){@media only screen and (min-width:1001px){.toasty-family__hero{margin-left:-1px}}}@media(min-width:1900px){.toasty-family__title{font-size:64px}}@media(min-width:1500px)and (max-width:1599px){.toasty-family__products{left:74%;top:clamp(-87px,-11.09vw,-213px);width:29%}}@media(min-width:1600px)and (max-width:1850px){.toasty-family__products{left:72%;top:clamp(-93px,-11.09vw,-213px);width:31%}}
/*# sourceMappingURL=/cdn/shop/t/366/assets/section-toasty-family.css.map */