/* ==========================================================================
   DOC-X — component styles
   Matched to the original design: Akt headings, Inter body,
   red accent #FF0000, dark text #343434.
   Loaded after main.css (which provides @font-face + Tailwind base).
   ========================================================================== */

:root{
  --docx-red:#FF0000;
  --docx-red-dark:#e00000;
  --docx-ink:#343434;
  --docx-ink-2:#2a2a2a;
  --docx-gray:#727272;
  --docx-gray-2:#adadad;
  --docx-line:#e4e4e7;
  --docx-bg:#ffffff;
  --docx-bg-soft:#f4f4f5;
  --docx-bg-soft-2:#f2f2f2;
  --docx-sans:"Akt","Inter",ui-sans-serif,system-ui,sans-serif;
  --docx-serif:"AGPalatial",ui-serif,Georgia,serif;
  --docx-container:1512px;
  --docx-gutter:20px;
  --docx-radius:.375rem;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:var(--docx-sans);
  color:var(--docx-ink);
  background:var(--docx-bg);
  line-height:1.5;
  font-size:16px;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none;transition:color .15s ease}
a:hover{color:var(--docx-red)}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}
button{font-family:inherit;cursor:pointer}
ul{list-style:none;margin:0;padding:0}

.docx-container{max-width:var(--docx-container);margin:0 auto;padding:0 var(--docx-gutter)}
.docx-section{padding:34px 0}
.docx-section__title{
  font-family:var(--docx-sans);
  font-size:clamp(22px,3vw,34px);
  text-transform:lowercase;
  letter-spacing:.01em;
  margin-bottom:28px;
}

/* ---------- Buttons ---------- */
.docx-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  padding:14px 28px;border:1px solid var(--docx-ink);background:transparent;
  color:var(--docx-ink);font-size:14px;text-transform:lowercase;letter-spacing:.02em;
  border-radius:var(--docx-radius);transition:all .15s ease;
}
.docx-btn:hover{background:var(--docx-ink);color:#fff}
.docx-btn--red{background:var(--docx-red);border-color:var(--docx-red);color:#fff}
.docx-btn--red:hover{background:var(--docx-red-dark);border-color:var(--docx-red-dark);color:#fff}
.docx-btn--block{width:100%}

/* ---------- Header ---------- */
.docx-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--docx-line)}
.docx-header__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:2px 24px;max-width:var(--docx-container);margin:0 auto}
.docx-header__nav{display:flex;gap:28px}
.docx-header__nav a{font-size:14px;text-transform:lowercase;color:var(--docx-ink)}
.docx-header__logo{justify-self:center}
.docx-header__logo img{height:24px;width:auto}
.docx-header__actions{justify-self:end;display:flex;align-items:center;gap:18px}
.docx-header__actions a,.docx-header__actions button{display:inline-flex;background:none;border:0;padding:0;color:var(--docx-ink)}
.docx-header__actions img{height:20px;width:20px}
.docx-header__icon{position:relative}
.docx-header__count{position:absolute;top:-8px;right:-10px;background:var(--docx-red);color:#fff;font-size:11px;line-height:1;min-width:16px;height:16px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 4px}
.docx-burger{display:none;background:none;border:0;padding:0}
.docx-burger img{height:22px}

/* ---------- Hero (split: 949 / 542, h≈669 in макете) ---------- */
.docx-hero{padding:24px 0}
.docx-hero__grid{display:grid;grid-template-columns:1fr;gap:20px;height:clamp(420px,42vw,640px)}
.docx-hero__main,.docx-hero__aside{position:relative;border-radius:var(--docx-radius);overflow:hidden}
.docx-hero__track{display:flex;height:100%;transition:transform .5s ease}
.docx-hero__slide{position:relative;flex:0 0 100%;height:100%}
.docx-hero__slide img,.docx-hero__aside img{width:100%;height:100%;object-fit:cover}
.docx-hero__caption{position:absolute;left:32px;right:32px;bottom:52px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.3)}
.docx-hero__caption h2{font-size:clamp(24px,2.9vw,42px);text-transform:uppercase;line-height:1.16;margin-bottom:22px;font-weight:500;max-width:620px}
.docx-hero__dots{position:absolute;left:32px;bottom:26px;display:flex;gap:6px}
.docx-hero__dot{width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.55);border:0;transition:width .2s}
.docx-hero__dot.is-active{width:24px;background:#fff}
.docx-arrow{background:none;border:0;padding:8px}
.docx-arrow img{height:18px}
@media (max-width:768px){
  .docx-hero__grid{grid-template-columns:1fr;height:auto}
  .docx-hero__aside{display:none}
  .docx-hero__main{height:clamp(380px,80vw,520px)}
}

/* ---------- Product cards ---------- */
.docx-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.docx-card{position:relative}
.docx-card__media{position:relative;background:var(--docx-bg-soft);border-radius:var(--docx-radius);overflow:hidden;aspect-ratio:363/534}
.docx-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.docx-card:hover .docx-card__media img{transform:scale(1.03)}
.docx-card__like{position:absolute;top:12px;right:12px;background:none;border:0;padding:6px}
.docx-card__like img{height:20px;width:20px}
.docx-card__cart{position:absolute;left:18px;right:18px;bottom:16px;opacity:0;transform:translateY(8px);transition:.2s ease;display:flex;align-items:center;justify-content:center;gap:.5em;background:var(--docx-red);color:#fff;border:0;border-radius:var(--docx-radius);padding:12px;font-size:13px;text-transform:lowercase}
.docx-card:hover .docx-card__cart{opacity:1;transform:none}
.docx-card__cart:hover{background:var(--docx-red-dark)}
.docx-card__cart img{height:18px;filter:brightness(0) invert(1)}
.docx-card__title{margin-top:14px;font-size:14px;color:var(--docx-ink);font-weight:400}
.docx-card__price{margin-top:6px;font-size:15px;font-weight:600}
.docx-section__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}
.docx-section__nav{display:flex;gap:8px}

/* ---------- Collections split ---------- */
.docx-collections{display:grid;grid-template-columns:1fr 1fr;gap:0}
.docx-collection{position:relative;border-radius:var(--docx-radius);overflow:hidden;aspect-ratio:1/1}
.docx-collection img{width:100%;height:100%;object-fit:cover}
.docx-collection__body{position:absolute;left:40px;bottom:40px;text-align:left;color:#fff}
.docx-collection__body h3{font-size:clamp(22px,2.2vw,30px);text-transform:uppercase;font-weight:500;margin-bottom:18px;max-width:260px}

/* ---------- Advantages ---------- */
.docx-adv{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.docx-adv__item{text-align:left}
.docx-adv__item img{height:42px;width:42px;margin-bottom:16px}
.docx-adv__item h3{font-size:16px;margin-bottom:10px}
.docx-adv__item p{font-size:14px;color:var(--docx-gray);line-height:1.6}

/* ---------- Generic two-column promo ---------- */
.docx-promo{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.docx-promo__card{position:relative;border-radius:var(--docx-radius);overflow:hidden;min-height:320px;display:flex}
.docx-promo__card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.docx-promo__inner{position:relative;margin:auto;text-align:center;color:#fff;padding:24px}

/* ---------- Newsletter ---------- */
.docx-mailing{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:var(--docx-bg-soft);border-radius:var(--docx-radius);overflow:hidden}
.docx-mailing__img img{width:100%;height:100%;object-fit:cover}
.docx-mailing__body{padding:48px}
.docx-mailing__body h2{font-size:clamp(22px,2.6vw,32px);margin-bottom:14px}
.docx-mailing__body p{color:var(--docx-gray);margin-bottom:24px}
.docx-field{width:100%;border:0;border-bottom:1px solid var(--docx-ink);background:transparent;padding:12px 0;font-size:15px;margin-bottom:20px;font-family:inherit}
.docx-field:focus{outline:none;border-color:var(--docx-red)}

/* ---------- Footer ---------- */
.docx-footer{border-top:1px solid var(--docx-line);padding:56px 0 28px;font-size:14px}
.docx-footer__grid{display:grid;grid-template-columns:1.2fr repeat(2,1fr);gap:32px}
.docx-footer__logo img{height:28px;margin-bottom:20px}
.docx-footer__col h4{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--docx-gray);margin-bottom:14px}
.docx-footer__col li{margin-bottom:10px}
.docx-footer__col a{color:var(--docx-ink)}
.docx-footer__social{display:flex;gap:14px;margin-top:20px}
.docx-footer__social img{height:22px;width:22px}
.docx-footer__contacts{margin-top:18px;color:var(--docx-ink)}
.docx-footer__bottom{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;margin-top:36px;padding-top:20px;border-top:1px solid var(--docx-line);color:var(--docx-gray);font-size:13px}

/* ---------- WooCommerce harmonising ---------- */
.woocommerce-products-header__title,.woocommerce h1,.woocommerce h2{font-family:var(--docx-sans)}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:0!important}
.woocommerce ul.products li.product{margin:0!important;width:auto!important;text-align:left}
.woocommerce ul.products li.product a img{border-radius:var(--docx-radius);background:var(--docx-bg-soft)}
.woocommerce ul.products li.product .price{color:var(--docx-ink);font-weight:600}
.woocommerce ul.products li.product .price del{color:var(--docx-gray-2);font-weight:400}
.woocommerce span.onsale{background:var(--docx-red);border-radius:999px}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .single_add_to_cart_button{
  background:var(--docx-ink)!important;color:#fff!important;border-radius:var(--docx-radius)!important;
  text-transform:lowercase;font-weight:400;padding:14px 28px!important;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .single_add_to_cart_button:hover{background:var(--docx-red)!important}
.woocommerce .button.alt,.woocommerce .checkout-button{background:var(--docx-red)!important}
.woocommerce .button.alt:hover,.woocommerce .checkout-button:hover{background:var(--docx-red-dark)!important}
.woocommerce-message,.woocommerce-info{border-top-color:var(--docx-red)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--docx-red)}

/* ---------- Blog ---------- */
.docx-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.docx-post__thumb{border-radius:var(--docx-radius);overflow:hidden;aspect-ratio:3/2;background:var(--docx-bg-soft);margin-bottom:14px}
.docx-post__thumb img{width:100%;height:100%;object-fit:cover}
.docx-post__meta{font-size:12px;color:var(--docx-gray-2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}
.docx-post__title{font-size:18px;margin-bottom:8px}
.docx-post__excerpt{font-size:14px;color:var(--docx-gray);line-height:1.6}
.docx-article{max-width:760px;margin:0 auto;padding:48px 24px}
.docx-article h1{font-size:clamp(26px,3.4vw,40px);margin-bottom:24px}
.docx-article p{margin:0 0 1.2em;line-height:1.7}

/* ---------- Page (information) ---------- */
.docx-page{max-width:900px;margin:0 auto;padding:48px 24px}
.docx-page h1{font-size:clamp(26px,3.4vw,40px);margin-bottom:24px}
.docx-page h2{font-size:22px;margin:32px 0 12px}
.docx-page p{margin:0 0 1.1em;line-height:1.7;color:var(--docx-ink)}

/* ---------- Drawers / modals ---------- */
.docx-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);opacity:0;visibility:hidden;transition:.2s;z-index:60}
.docx-overlay.is-open{opacity:1;visibility:visible}
.docx-drawer{position:fixed;top:0;right:0;height:100%;width:min(420px,92vw);background:#fff;transform:translateX(100%);transition:transform .25s ease;z-index:70;display:flex;flex-direction:column;padding:24px;overflow-y:auto}
.docx-drawer.is-open{transform:none}
.docx-drawer__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.docx-drawer__close{background:none;border:0;font-size:24px;line-height:1}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
  .docx-cards,.woocommerce ul.products{grid-template-columns:repeat(3,1fr)}
  .docx-adv{grid-template-columns:repeat(2,1fr)}
  .docx-posts{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .docx-header__nav{display:none}
  .docx-burger{display:inline-flex}
  .docx-header__bar{grid-template-columns:auto 1fr auto;padding:14px 16px}
  .docx-container{padding:0 16px}
  .docx-cards,.woocommerce ul.products{grid-template-columns:repeat(2,1fr);gap:14px}
  .docx-collections,.docx-promo,.docx-mailing,.docx-footer__grid,.docx-posts{grid-template-columns:1fr}
  .docx-adv{grid-template-columns:1fr 1fr}
  .docx-mailing__body{padding:28px}
}

/* ==========================================================================
   Catalog / Product / Cart / Checkout / Account — added for full верстка
   ========================================================================== */

/* Breadcrumb */
.docx-breadcrumb{font-size:13px;color:var(--docx-gray);margin-bottom:18px}
.docx-breadcrumb a{color:var(--docx-gray)}
.docx-breadcrumb a:hover{color:var(--docx-red)}
.docx-breadcrumb__sep{color:var(--docx-red);margin:0 6px}

/* Catalog header bar */
.docx-catalog__title{font-size:clamp(26px,3.4vw,40px);text-transform:lowercase;margin-bottom:18px}
.docx-catalog__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--docx-line);padding-bottom:16px;margin-bottom:28px}
.docx-catalog__count{font-size:14px;color:var(--docx-gray)}
.docx-catalog__tools{display:flex;align-items:center;gap:20px}
.docx-catalog__tools .woocommerce-ordering select{border:0;background:transparent;font-family:inherit;font-size:14px;text-transform:lowercase;cursor:pointer}
.docx-catalog__filter{display:inline-flex;align-items:center;gap:8px;background:none;border:0;font-size:14px;text-transform:lowercase;color:var(--docx-ink)}
.docx-catalog__filter img{height:16px}
.docx-catalog__more{margin-top:40px;text-align:center}
.docx-catalog__more .woocommerce-pagination ul{display:inline-flex;gap:6px;border:0!important;list-style:none;padding:0}
.docx-catalog__more .woocommerce-pagination a,
.docx-catalog__more .woocommerce-pagination span{border:1px solid var(--docx-line)!important;padding:8px 14px;border-radius:var(--docx-radius)}
.docx-catalog__more .woocommerce-pagination .current{background:var(--docx-ink);color:#fff}
.docx-filter-widget{margin-bottom:24px}
.docx-filter-widget__title{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--docx-gray);margin-bottom:12px}
.docx-drawer--left{right:auto;left:0;transform:translateX(-100%)}
.docx-drawer--left.is-open{transform:none}

/* Product page */
.docx-product__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start}
.docx-product__gallery .woocommerce-product-gallery{margin:0!important;width:100%!important}
.docx-product__gallery img{border-radius:var(--docx-radius);background:var(--docx-bg-soft)}
.docx-product__gallery .flex-control-thumbs{display:flex;gap:12px;margin:14px 0 0;padding:0;list-style:none}
.docx-product__gallery .flex-control-thumbs li{width:72px!important}
.docx-product__title{font-size:clamp(24px,3vw,34px);margin-bottom:14px}
.docx-product__price{font-size:22px;font-weight:600;margin-bottom:24px}
.docx-product__summary .variations{width:100%;margin-bottom:18px}
.docx-product__summary .variations td,.docx-product__summary .variations th{display:block;text-align:left;padding:0 0 8px}
.docx-product__summary .variations label{font-size:13px;color:var(--docx-gray);text-transform:lowercase}
.docx-product__summary .variations select{width:100%;padding:12px;border:1px solid var(--docx-line);border-radius:var(--docx-radius);font-family:inherit;margin-bottom:12px}
.docx-product__summary .quantity input{width:72px;padding:12px;border:1px solid var(--docx-line);border-radius:var(--docx-radius)}
.docx-product__summary .single_add_to_cart_button{width:100%;margin-top:14px}
.docx-product__bnpl{display:flex;gap:12px;margin:18px 0 8px;flex-wrap:wrap}
.docx-bnpl{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--docx-line);border-radius:var(--docx-radius);padding:10px 14px;font-size:13px;color:var(--docx-ink)}
.docx-bnpl img{height:16px}

/* Accordions */
.docx-accordions{margin-top:24px;border-top:1px solid var(--docx-line)}
.docx-accordion{border-bottom:1px solid var(--docx-line)}
.docx-accordion__head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:none;border:0;padding:18px 0;font-size:15px;text-align:left;color:var(--docx-ink)}
.docx-accordion__head img{height:14px;transition:transform .2s ease}
.docx-accordion.is-open .docx-accordion__head img{transform:rotate(90deg)}
.docx-accordion__body{max-height:0;overflow:hidden;transition:max-height .25s ease;color:var(--docx-gray);line-height:1.7}
.docx-accordion.is-open .docx-accordion__body{max-height:600px;padding-bottom:18px}

/* Related heading */
.docx-related h2,.docx-related .related>h2{font-size:clamp(20px,2.4vw,28px);text-transform:lowercase;margin-bottom:24px}

/* Cart */
.woocommerce-cart .docx-section,.woocommerce-checkout .docx-section,.woocommerce-account .docx-section{padding-top:32px}
.woocommerce table.shop_table{border-radius:var(--docx-radius);border-color:var(--docx-line)}
.woocommerce table.shop_table th{font-family:var(--docx-sans);font-weight:600}
.woocommerce .cart_totals h2,.woocommerce-checkout h3{font-family:var(--docx-sans);text-transform:lowercase}
.woocommerce a.remove{color:var(--docx-red)!important;border-color:var(--docx-red)}
.woocommerce a.remove:hover{background:var(--docx-red)!important;color:#fff!important}

/* Checkout */
.woocommerce-checkout #payment{background:var(--docx-bg-soft);border-radius:var(--docx-radius)}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{border:1px solid var(--docx-line);border-radius:var(--docx-radius);padding:12px}
.woocommerce-checkout .place-order .button{width:100%}

/* My account */
.woocommerce-account .woocommerce-MyAccount-navigation ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 28px;border-bottom:1px solid var(--docx-line)}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:inline-block;padding:12px 16px;text-transform:lowercase;color:var(--docx-gray)}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{color:var(--docx-ink);border-bottom:2px solid var(--docx-red)}
.woocommerce-account .woocommerce-MyAccount-content{font-size:15px}
.woocommerce form.login,.woocommerce form.register{border:1px solid var(--docx-line);border-radius:var(--docx-radius);padding:28px}

@media (max-width:768px){
  .docx-product__grid{grid-template-columns:1fr;gap:24px}
  .docx-catalog__bar{flex-wrap:wrap}
}

/* ---------- Header dropdown (Женское/Мужское подкатегории) ---------- */
.docx-header__nav{overflow:visible}
.docx-has-sub{position:relative;display:inline-flex}
.docx-sub{position:absolute;left:0;top:100%;min-width:220px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.10);padding:14px 18px;display:flex;flex-direction:column;gap:10px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s ease;z-index:120}
.docx-has-sub:hover .docx-sub{opacity:1;visibility:visible;transform:none}
.docx-sub a{font-size:14px;color:var(--docx-ink);white-space:nowrap;text-transform:lowercase}
.docx-sub a:hover{color:var(--docx-red)}

/* ---------- "Показать больше" — раскрывающийся текст ---------- */
.docx-about__text{max-height:84px;overflow:hidden;transition:max-height .35s ease}
.docx-about.is-open .docx-about__text{max-height:1200px}