.fpanel .fpanel__head+.fpanel__group{margin-top:calc(21 * var(--s))}.fpanel__group{flex:none}.coll--shop{padding-top:calc(78 * var(--s))}.shop{display:flex;align-items:flex-start;gap:calc(50 * var(--s))}.shop__side{position:relative;flex:none;width:calc(275 * var(--s));margin-top:calc(10 * var(--s))}.shop__side .coll__btn--filters{display:none}.shop__side .fpanel{position:static}.shop__side .fpanel[hidden]{display:flex!important}.shop__main{flex:1;min-width:0}.shop__bar{display:flex;align-items:center;justify-content:space-between;min-height:calc(35 * var(--s))}.shop__count{margin:0;font-size:calc(18 * var(--s));line-height:normal;color:#000}.shop__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(20 * var(--s));width:auto;margin:calc(46 * var(--s)) 0 0;transform:none}.coll--shop .coll__item{display:block}.shop__grid .ptile{position:relative;align-items:stretch;width:100%;height:calc(440 * var(--s));padding:calc(10 * var(--s));border:1px solid #cfcfcf;border-radius:calc(10 * var(--s));background:#fff;box-shadow:0 2px 24px #00000014;--hw: calc(285 * var(--s));--hh: calc(277 * var(--s))}.shop__grid .ptile__img{width:100%;height:calc(277 * var(--s));border-radius:calc(10 * var(--s));background:#f8f8f8;--surface: #f8f8f8}.shop__grid .bottle--oil img{height:98.6%;top:10.46%}.shop__grid .bottle--spray img{height:95.2%;top:8.63%}@media(min-width:1100px){.shop__grid .bottle--jug img{height:auto;top:auto;bottom:-2%}}@media(max-width:1099px){.shop__grid .bottle--jug img{height:82%;top:9%}}.shop__grid .ptile__hover{top:calc(10 * var(--s))}.shop__grid .ptile__text{margin-top:calc(8 * var(--s));gap:calc(3 * var(--s))}.shop__grid .ptile__sub{min-height:0}.shop__grid .ptile__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.1}.shop__grid .ptile__sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-box:none;line-height:1.3}.shop__grid .ptile__price{position:absolute;left:calc(20 * var(--s));top:calc(378 * var(--s));margin:0;font-family:Archivo,sans-serif}.shop__grid .ptile__btn{position:absolute;right:calc(20 * var(--s));top:calc(374 * var(--s));display:flex;align-items:center;justify-content:center;width:calc(131 * var(--s));height:calc(35 * var(--s));border:1px solid var(--plum);border-radius:calc(36 * var(--s));color:var(--plum);font-size:calc(16 * var(--s));font-weight:600;line-height:normal;transition:background .2s ease,color .2s ease}.shop__grid .ptile:hover .ptile__btn{background:var(--plum);color:#fff}@media(max-width:1099px){.coll--shop{padding-top:28px}.shop{display:block}.shop__side{width:auto;margin:0 0 12px}.shop__side .coll__btn--filters{display:flex}.shop__side .fpanel{position:absolute}.shop__side .fpanel[hidden]{display:none!important}.shop__bar{flex-wrap:wrap;gap:10px}.shop__count{font-size:15px}.shop__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.shop__grid .ptile{height:auto;padding:8px 8px 14px}.shop__grid .ptile__img{height:200px}.shop__grid .ptile__text{margin-top:10px;gap:6px}.shop__grid .ptile__price{position:static;margin-top:8px;font-size:18px}.shop__grid .ptile__btn{position:static;width:auto;height:36px;margin-top:8px;font-size:14px}}@media(min-width:700px)and (max-width:1099px){.shop__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.fpanel__clear{display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer}@media(min-width:1100px){.shop__side{transition:width .55s cubic-bezier(.4,0,.2,1),margin-right .55s cubic-bezier(.4,0,.2,1)}.shop__main{transition:padding-top .55s cubic-bezier(.4,0,.2,1)}.shop__side .fpanel{transition:opacity .4s ease .1s,transform .55s cubic-bezier(.4,0,.2,1),visibility 0s}.shop__side .coll__btn--filters{display:flex;position:absolute;left:0;top:0;z-index:3;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility 0s linear .25s}.shop.is-collapsed .shop__side{width:0;margin-right:calc(-50 * var(--s))}.shop.is-collapsed .shop__main{padding-top:calc(50 * var(--s))}.shop.is-collapsed .shop__side .fpanel{opacity:0;transform:translate(-28px);pointer-events:none;visibility:hidden;transition:opacity .3s ease,transform .55s cubic-bezier(.4,0,.2,1),visibility 0s linear .55s}.shop.is-collapsed .shop__side .coll__btn--filters{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .35s ease .3s,visibility 0s}}@media(prefers-reduced-motion:reduce){.shop__side,.shop__main,.shop__side .fpanel,.shop__side .coll__btn--filters{transition:none!important}}.fpanel__group.is-closing .fpanel__gh img{transform:rotate(-90deg)}.fdrawer{--s: 1px;width:min(440px,92vw)}.fdrawer .drawer__head{flex:none;position:sticky;top:0;z-index:2;background:#fff}.fdrawer .fpanel{position:static;flex:1 0 auto;width:auto;padding:4px 24px 24px;gap:0;border-radius:0;background:transparent;filter:none}.fdrawer .fpanel__head{display:none}.fdrawer .fpanel__group{gap:18px;padding:24px 0}.fdrawer .fpanel .fpanel__head+.fpanel__group,.fdrawer .fpanel__group:first-of-type{margin-top:0}.fdrawer .fpanel__group+.fpanel__group{padding-top:24px}.fdrawer .fpanel__group+.fpanel__group:before,.fdrawer .fpanel__gh{width:100%}.fdrawer .fpanel__gh{font-size:17px;line-height:25px}.fdrawer .radio__label{font-size:16px;line-height:25px}.fdrawer .fpanel__sw{width:100%}.fdrawer .swatches{grid-template-columns:repeat(auto-fill,54px);justify-content:space-between;column-gap:8px;row-gap:20px;margin-top:0}.fdrawer .swatch{width:54px}.fdrawer__foot{flex:none;position:sticky;bottom:0;padding:16px 24px calc(16px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #eee}.fdrawer__clear{display:flex;align-items:center;justify-content:center;height:48px;border:1px solid var(--plum);border-radius:36px;color:var(--plum);font-size:16px;font-weight:600;transition:background .2s ease,color .2s ease}.fdrawer__clear:hover{background:var(--plum);color:#fff}.coll__btn--filters img{transform:rotate(-90deg)}
/*# sourceMappingURL=/cdn/shop/t/35/assets/shop-layout.css.map */