.contact-page{padding-block:18px 90px}.contact-page__container{width:min(100% - 48px, var(--site-max-width));margin-inline:auto}.contact-page__breadcrumb{color:#777;flex-wrap:wrap;gap:10px;margin-bottom:16px;font-size:12px;display:flex}.contact-page__breadcrumb a{color:inherit;text-decoration:none}.contact-page__header{text-align:center;max-width:840px;margin:0 auto 26px}.contact-page__header>p{color:var(--color-brand-500);margin-bottom:5px;font-size:13px;font-weight:700}.contact-page__header h1{font-size:clamp(26px,3.2vw,42px);font-weight:800;line-height:1.5}.contact-page__header>span{color:#888;max-width:650px;margin:10px auto 0;font-size:14px;line-height:2;display:block}.contact-page__quick-info{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.contact-info-card{min-height:126px;color:var(--color-text-primary);background:#fff;border:1px solid #ececec;border-radius:13px;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;padding:16px;text-decoration:none;transition:border-color .16s,transform .16s;display:flex}a.contact-info-card:hover{border-color:#e5babb;transform:translateY(-2px)}.contact-info-card__icon{width:40px;height:40px;color:var(--color-brand-500);background:#f8e9e9;border-radius:11px;place-items:center;margin-bottom:2px;display:grid}.contact-info-card__icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:19px;height:19px}.contact-info-card strong{font-size:13px;font-weight:800;line-height:1.7}.contact-info-card>span:last-child{color:#888;font-size:11px;line-height:1.8}.contact-page__main{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;margin-top:20px;display:grid}.contact-page__support{gap:22px;display:grid}.contact-hours,.contact-form{background:#fff;border:1px solid #ececec;border-radius:13px;padding:10px}.contact-hours h2{align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.contact-hours h2 svg{fill:none;width:17px;height:17px;stroke:var(--color-brand-500);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.contact-hours dl{margin:10px 0 0;display:grid}.contact-hours dl>div{border-top:1px solid #f1f1f1;justify-content:space-between;align-items:center;gap:12px;min-height:34px;font-size:12px;display:flex}.contact-hours dt{color:#999}.contact-hours dd{color:#333;margin:0;font-weight:700}.contact-hours .contact-hours__closed{color:var(--color-brand-500)}.contact-support-card{color:#fff;background:#202020;border-radius:13px;overflow:hidden}.contact-support-card__top{background:#303030;padding:20px}.contact-support-card__top>svg{fill:none;stroke:#e32323;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:21px;height:21px;margin-bottom:7px}.contact-support-card__top h2{font-size:18px;font-weight:800}.contact-support-card__top p{color:#c5c5c5;margin-top:8px;font-size:12px;line-height:1.9}.contact-support-card>a{color:#d0d0d0;background:#2b2b2b;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;min-height:80px;margin:16px;padding-inline:13px;font-size:11px;text-decoration:none;display:flex}.contact-support-card>a svg{fill:none;stroke:#e32323;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;flex:0 0 17px;width:17px;height:17px}.contact-form h2{font-size:20px;font-weight:800}.contact-form>p:first-of-type{color:#888;margin-top:0;margin-bottom:0;font-size:12px;line-height:1.9}.contact-form__field{color:#444;gap:6px;margin-top:5px;font-size:12px;font-weight:700;display:grid}.contact-form__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.contact-form__field input,.contact-form__field textarea{width:100%;min-width:0;color:var(--color-text-primary);font:inherit;background:#fff;border:1px solid #e9e9e9;border-radius:9px;outline:none;padding:5px 12px;font-size:12px;font-weight:400;transition:border-color .16s}.contact-form__field input{min-height:42px}.contact-form__field textarea{resize:vertical;min-height:60px}.contact-form__field input:focus,.contact-form__field textarea:focus{border-color:var(--color-brand-500)}.contact-form__field input::placeholder,.contact-form__field textarea::placeholder{color:#aaa}.contact-form>button{color:#fff;background:var(--color-brand-500);width:100%;min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:13px;font-weight:700;transition:background-color .16s;display:flex}.contact-form>button:hover{background:var(--color-brand-800)}.contact-form>button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:16px;height:16px}.contact-form__note{color:#999;margin-top:8px;font-size:10px;line-height:1.8}.contact-page__location-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:stretch;gap:18px;margin-top:22px;display:grid}.contact-map{background:#f4f4f4;border:1px solid #e5e5e5;border-radius:16px;min-height:360px;position:relative;overflow:hidden;box-shadow:0 14px 34px #1919190d}.contact-map iframe{border:0;width:100%;height:100%;min-height:360px;display:block}.contact-map__address{max-width:calc(100% - 24px);color:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border:1px solid #eee;border-radius:12px;gap:4px;padding:12px 14px;text-decoration:none;transition:border-color .16s,transform .16s;display:grid;position:absolute;bottom:12px;right:12px;box-shadow:0 8px 24px #0000001f}.contact-map__address:hover{border-color:#9901004d;transform:translateY(-2px)}.contact-map__address strong{align-items:center;gap:6px;font-size:12px;display:flex}.contact-map__address strong svg{fill:none;width:15px;height:15px;stroke:var(--color-brand-500);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.contact-map__address>span{color:#888;font-size:10px;line-height:1.8}.contact-faq{background:#fff;border:1px solid #e9e9e9;border-radius:16px;padding:22px;box-shadow:0 14px 34px #1919190a}.contact-faq>span{color:var(--color-brand-500);margin-bottom:3px;font-size:10px;font-weight:800;display:block}.contact-faq h2{margin-bottom:16px;font-size:clamp(21px,2.2vw,28px);font-weight:800}.contact-faq__list{background:#fff;border:1px solid #ececec;border-radius:12px;overflow:hidden}.contact-faq__list details+details{border-top:1px solid #eee}.contact-faq__list summary{color:#333;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding:10px 14px;font-size:12px;font-weight:700;list-style:none;display:flex;position:relative}.contact-faq__list summary::-webkit-details-marker{display:none}.contact-faq__list summary:after{content:"";border-bottom:1.5px solid #999;border-right:1.5px solid #999;flex:0 0 8px;width:8px;height:8px;transition:transform .16s;transform:rotate(45deg)translateY(-2px)}.contact-faq__list details[open] summary:after{transform:rotate(225deg)translate(-2px,-1px)}.contact-faq__list details>p{color:#777;padding:0 14px 13px;font-size:12px;line-height:1.9}@media (width<=900px){.contact-page__container{width:min(100% - 32px, var(--site-max-width))}.contact-page__quick-info{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-page__main,.contact-page__location-grid{grid-template-columns:minmax(0,1fr)}.contact-page__support{grid-row:2}}@media (width<=620px){.contact-page{padding-block:14px 64px}.contact-page__container{width:min(100% - 28px, var(--site-max-width))}.contact-page__header{margin-bottom:20px}.contact-page__header h1{font-size:27px}.contact-page__header>span{font-size:13px}.contact-page__quick-info{gap:9px}.contact-info-card{min-height:120px;padding:12px}.contact-page__main{gap:12px;margin-top:14px}.contact-form,.contact-hours{padding:15px}.contact-map,.contact-map iframe{min-height:280px}.contact-page__location-grid{gap:14px;margin-top:16px}.contact-faq{padding:17px 14px}}@media (width<=380px){.contact-form__row{grid-template-columns:minmax(0,1fr);gap:0}}@media (prefers-reduced-motion:reduce){.contact-info-card,.contact-form__field input,.contact-form__field textarea,.contact-form>button,.contact-faq__list summary:after{transition:none}}html[dir=rtl]{direction:rtl}html[dir=rtl] body{text-align:right}html[dir=rtl] :is(input,textarea,select,button){font-family:inherit}html[dir=rtl] :is(.account-dashboard__breadcrumb,.editorial-page__breadcrumb,.shop-page__breadcrumb) svg,html[dir=rtl] :is(.shop-page__pagination,.account-pagination) nav svg{transform:scaleX(-1)}@media (width>=821px){:is(.product-page__overview,.shop-page__layout,.contact-page__main,.account-dashboard__layout,.blog-article__layout){align-items:stretch}:is(.shop-page__layout,.contact-page__main,.account-dashboard__layout,.blog-article__layout)>*{align-self:stretch;min-height:100%}.account-dashboard__layout>.account-sidebar,.shop-page__layout>.shop-page__filters{align-self:start;height:fit-content;min-height:0}}
