/*
Theme Name: Paladin Games
Theme URI: https://paladins.local
Description: Изцяло собствена тема на Paladin Games — премиум магазин за настолни игри. Ръчно кодирана на PHP, без родителска тема. Концепция на хедъра: „Печат на Ордена".
Author: Illumi Bulgaria (WP Site BG)
Author URI: https://wp-site.bg
Version: 2.3.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: paladin-games
*/

:root{
  --pg-navy:#002B5E;
  --pg-navy-2:#0a3a72;
  --pg-navy-deep:#001b3d;
  --pg-blue:#1565C0;
  --pg-gold:#F2B705;
  --pg-gold-soft:#f7cf4d;
  --pg-cream:#F5E6C2;
  --pg-cream-bg:#FBF7EF;
  --pg-grey:#6B6B6B;
  --pg-green:#2E7D32;
  --pg-ink:#1c2430;
  --pg-line:#e6ddca;
  --pg-container:1600px;
}
*{box-sizing:border-box;}
/* Clip horizontally. `hidden` would create a scroll container and break the sticky header. */
html{overflow-x:clip;}
body{margin:0;font-family:'Montserrat',system-ui,'Segoe UI',sans-serif;color:var(--pg-ink);background:#fff;line-height:1.6;font-size:16px;overflow-x:clip;}
/* Headings */
h1,h2,h3,h4,h5,h6{font-family:'Montserrat',system-ui,sans-serif;font-weight:800;color:#12161d;line-height:1.22;letter-spacing:-.3px;}
img{max-width:100%;height:auto;}
a{color:var(--pg-blue);text-decoration:none;}
a:hover{color:var(--pg-navy);}
.pg-container{max-width:var(--pg-container);margin:0 auto;padding:0 20px;}
.pg-btn{display:inline-block;background:linear-gradient(180deg,#ffdd67,#e0a200);color:var(--pg-navy);font-weight:800;padding:13px 32px;border-radius:999px;text-transform:uppercase;letter-spacing:.6px;font-size:14px;border:none;cursor:pointer;box-shadow:0 6px 20px rgba(242,183,5,.35);transition:.2s;}
.pg-btn:hover{color:var(--pg-navy);filter:brightness(1.06);transform:translateY(-1px);}

/* ============================================================
   ANNOUNCEMENT
   ============================================================ */
/* Top strip. Three tracks: contact left, messages centred, social right. The two
   outer tracks are equal so the messages stay optically centred even when one
   side is empty. */
.pg-announce{background:linear-gradient(180deg,#ffd75e,#efb400);color:var(--pg-navy);font-size:13px;font-weight:700;}
.pg-announce-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;letter-spacing:.2px;min-height:40px;}
.pg-announce-msgs-wrap{grid-column:2;display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;}
.pg-announce-msgs{position:relative;flex:0 1 auto;min-width:0;height:40px;display:flex;align-items:center;justify-content:center;}
.pg-announce-msg{display:none;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pg-announce-msg.is-active{display:block;animation:pgAnnIn .35s ease;}
@keyframes pgAnnIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.pg-announce-nav{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:50%;background:none;color:var(--pg-navy);opacity:.55;cursor:pointer;transition:.15s;}
.pg-announce-nav:hover{opacity:1;background:rgba(0,43,94,.1);}

/* Everything in the strip — phone, WhatsApp, Facebook, Instagram — is one navy
   family. Colour is reserved for hover, so the bar stays calm. */
.pg-social{display:flex;align-items:center;gap:2px;}
.pg-social-top{grid-column:3;justify-self:end;}
/* Flex centring on every social button, wherever it lands. Anything less specific
   loses to the context's own link rules and the icon drifts into a corner. */
.pg-social .pg-social-link{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;transition:.16s;}
.pg-social .pg-social-link svg{display:block;}
.pg-social-top .pg-social-link{color:var(--pg-navy);opacity:.66;}
.pg-social-top .pg-social-link:hover{opacity:1;background:rgba(0,43,94,.09);color:var(--pg-navy);}

.pg-contact{grid-column:1;justify-self:start;display:flex;align-items:center;gap:2px;min-width:0;}
.pg-contact-phone{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 9px;border-radius:8px;
  color:var(--pg-navy);font-weight:800;font-size:13px;white-space:nowrap;opacity:.85;transition:.16s;}
.pg-contact-phone:hover{opacity:1;background:rgba(0,43,94,.09);color:var(--pg-navy);}
.pg-contact-phone svg{opacity:.8;}
.pg-contact-wa{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 10px;border-radius:8px;
  color:var(--pg-navy);font-weight:800;font-size:13px;white-space:nowrap;opacity:.72;transition:.16s;}
.pg-contact-wa-label{line-height:1;}
/* WhatsApp earns its green only on hover — a permanent green pill fights the palette. */
.pg-contact-wa:hover{opacity:1;color:#128C4B;background:rgba(18,140,75,.12);}

/* Language selector */
.pg-lang{position:relative;flex:0 0 auto;}
.pg-lang-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.07);color:#eaf1fb;font-family:inherit;font-weight:800;font-size:12.5px;letter-spacing:.6px;cursor:pointer;transition:.16s;}
.pg-lang-btn svg{opacity:.7;transition:transform .18s;}
.pg-lang-btn:hover{color:var(--pg-navy);background:var(--pg-gold);border-color:var(--pg-gold);}
.pg-lang.is-open .pg-lang-btn{color:var(--pg-navy);background:var(--pg-gold);border-color:var(--pg-gold);}
.pg-lang.is-open .pg-lang-btn svg{transform:rotate(180deg);}
.pg-lang-list{position:absolute;top:calc(100% + 8px);right:0;min-width:92px;list-style:none;margin:0;padding:6px;background:#fff;border-radius:12px;box-shadow:0 18px 40px rgba(3,18,45,.24);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s;z-index:90;}
.pg-lang.is-open .pg-lang-list{opacity:1;visibility:visible;transform:translateY(0);}
.pg-lang-list a{display:block;padding:9px 12px;border-radius:8px;color:#1e2733;font-weight:700;font-size:13px;letter-spacing:.5px;transition:.14s;}
.pg-lang-list a:hover{background:#f4f7fb;color:var(--pg-navy);}
.pg-lang-list a.is-current{background:var(--pg-cream-bg);color:var(--pg-navy);}

/* ============================================================
   HEADER — „Печат на Ордена"
   ============================================================ */
.pg-header{position:relative;z-index:50;color:#fff;}
.pg-header-main{position:relative;
  background:
    radial-gradient(700px 260px at 50% -60%, rgba(242,183,5,.09), transparent 60%),
    linear-gradient(180deg,#083a70 0%, #012a58 68%, #001e42 100%);
}
.pg-header-main:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;
  background-image:
    radial-gradient(1px 1px at 24% 34%, rgba(255,255,255,.7), transparent),
    radial-gradient(1px 1px at 62% 24%, rgba(255,255,255,.4), transparent),
    radial-gradient(1px 1px at 82% 58%, rgba(255,255,255,.5), transparent),
    radial-gradient(1px 1px at 42% 70%, rgba(242,183,5,.5), transparent);}

.pg-header-main-inner{position:relative;display:flex;align-items:center;gap:28px;padding:16px 20px;}

/* Seal + wordmark */
.pg-brand{display:flex;align-items:center;gap:15px;flex:0 0 auto;}
/* Prefixed to outrank WooCommerce's img height rule. */
.pg-header .pg-logo-img{height:124px;width:auto;max-width:none;display:block;filter:drop-shadow(0 2px 10px rgba(0,0,0,.35));transition:filter .25s;}
.pg-brand:hover .pg-logo-img{filter:drop-shadow(0 2px 14px rgba(242,183,5,.55));}
.pg-seal{display:inline-flex;line-height:0;}
.pg-seal svg{width:92px;height:92px;filter:drop-shadow(0 0 14px rgba(242,183,5,.5));transition:filter .3s ease;}
.pg-brand:hover .pg-seal svg{filter:drop-shadow(0 0 22px rgba(242,183,5,.8));}
.pg-seal-ring{transform-box:fill-box;transform-origin:center;animation:pgSpin 34s linear infinite;}
.pg-seal-ring2{transform-box:fill-box;transform-origin:center;animation:pgSpin 52s linear infinite reverse;}
.pg-brand-word{display:flex;flex-direction:column;line-height:1;}
.pg-brand-paladin{font-family:'Merriweather',serif;font-weight:900;font-size:32px;letter-spacing:3px;background:linear-gradient(100deg,#dbe6f4 42%,#ffffff 50%,#dbe6f4 58%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:pgShimmer 7s linear infinite;}
.pg-brand-games{display:flex;align-items:center;gap:9px;margin-top:6px;color:var(--pg-gold);font-family:'Merriweather',serif;font-weight:700;font-size:15px;letter-spacing:9px;padding-left:3px;text-shadow:0 0 12px rgba(242,183,5,.45);}
.pg-brand-games:before,.pg-brand-games:after{content:"";height:1px;width:18px;background:linear-gradient(90deg,transparent,var(--pg-gold));}
.pg-brand-games:after{background:linear-gradient(90deg,var(--pg-gold),transparent);}

/* Search */
.pg-search{flex:1 1 auto;max-width:620px;margin:0 auto;position:relative;}
.pg-search input[type=search]{width:100%;border:1px solid rgba(255,255,255,.25);border-radius:30px;padding:12px 54px 12px 22px;font-size:15px;font-family:inherit;color:#fff;background:rgba(255,255,255,.09);outline:none;transition:.2s;}
.pg-search input[type=search]::placeholder{color:rgba(255,255,255,.62);}
.pg-search input[type=search]:focus{border-color:var(--pg-gold);background:rgba(255,255,255,.15);box-shadow:0 0 0 3px rgba(242,183,5,.22);}
.pg-search button{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:linear-gradient(180deg,#ffdd67,#e0a200);border:none;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--pg-navy);box-shadow:0 2px 8px rgba(242,183,5,.4);}
.pg-search button:hover{filter:brightness(1.08);}

/* Right cluster */
.pg-header-right{flex:0 0 auto;display:flex;align-items:center;gap:14px;}
/* Header burger (mobile) */
.pg-burger-m{display:none;}
.pg-header-utils{display:flex;align-items:center;gap:11px;}
.pg-header-utils .pg-util:not(.pg-honor):not(.pg-become){color:#eaf1fb;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2);transition:.2s;}
.pg-header-utils .pg-util:not(.pg-honor):not(.pg-become):hover{color:var(--pg-navy);background:var(--pg-gold);border-color:var(--pg-gold);box-shadow:0 0 14px rgba(242,183,5,.5);}
.pg-honor{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(180deg,#0a3a72,#022a56);border:1px solid rgba(242,183,5,.5);border-radius:24px;padding:6px 15px 6px 11px;color:#fff;box-shadow:0 0 16px rgba(242,183,5,.15),inset 0 1px 0 rgba(255,255,255,.08);}
.pg-honor:hover{color:#fff;border-color:var(--pg-gold);}
.pg-honor .pg-honor-shield{display:flex;color:var(--pg-gold);}
.pg-honor .pg-honor-shield .pg-honor-badge{width:27px;height:auto;display:block;}
.pg-honor-text{display:flex;flex-direction:column;line-height:1.05;}
.pg-honor-text strong{color:var(--pg-gold);font-size:12px;letter-spacing:.5px;}
.pg-honor-text small{color:#bcd0ea;font-size:10.5px;}
/* Signed-out entry point: one button, two ways in. */
.pg-auth{position:relative;flex:0 0 auto;}
.pg-become{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(180deg,#ffdd67,#e0a200);color:var(--pg-navy);font-family:inherit;font-weight:800;border:0;border-radius:999px;padding:10px 18px 10px 20px;font-size:13px;cursor:pointer;box-shadow:0 4px 14px rgba(242,183,5,.35);transition:.18s;}
.pg-become:hover{color:var(--pg-navy);filter:brightness(1.06);transform:translateY(-1px);}
.pg-become svg{transition:transform .2s;}
.pg-auth.is-open .pg-become svg{transform:rotate(180deg);}
.pg-auth-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:60;min-width:180px;padding:7px;border-radius:14px;
  background:#fff;border:1px solid #e8ecf2;box-shadow:0 18px 44px rgba(6,18,38,.22);
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s;}
.pg-auth.is-open .pg-auth-menu{opacity:1;visibility:visible;transform:none;}
.pg-auth-menu a{display:block;padding:11px 14px;border-radius:9px;color:#12161d;font-weight:700;font-size:14px;transition:.14s;}
.pg-auth-menu a:hover{background:#f6f8fb;color:var(--pg-navy);}
.pg-cart{position:relative;color:#eaf1fb;display:inline-flex;align-items:center;}
.pg-cart:hover{color:var(--pg-gold);}
.pg-cart-count{position:absolute;top:-8px;right:-10px;background:linear-gradient(180deg,#ffdd67,#e0a200);color:var(--pg-navy);font-size:11px;font-weight:800;min-width:19px;height:19px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 6px rgba(0,0,0,.3);}

/* Divider with gem */
.pg-header-divider{position:relative;height:0;background:var(--pg-navy-deep);}
.pg-header-divider:before{content:"";position:absolute;left:14%;right:14%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(242,183,5,.7),transparent);}
.pg-divider-gem{position:absolute;left:50%;top:0;transform:translate(-50%,-50%) rotate(45deg);width:8px;height:8px;background:var(--pg-gold);box-shadow:0 0 12px rgba(242,183,5,.85);}

/* Nav */
.pg-header-nav{position:relative;background:linear-gradient(180deg,#02234a,var(--pg-navy-deep));border-bottom:1px solid rgba(242,183,5,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);}
.pg-header-nav-inner{display:flex;align-items:center;justify-content:flex-start;gap:16px;padding:0 20px;min-height:56px;}
.pg-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:stretch;}
.pg-menu > li{position:relative;display:flex;align-items:stretch;}
.pg-menu > li > a{position:relative;display:flex;align-items:center;color:#e3ebf7;text-transform:uppercase;font-weight:800;font-size:13.5px;letter-spacing:.7px;padding:19px 17px;transition:color .16s ease;}
/* caret for items with submenus */
.pg-menu > li.menu-item-has-children > a::after{content:"";display:inline-block;margin-left:8px;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .18s ease;opacity:.75;}
.pg-menu > li.menu-item-has-children:hover > a::after{transform:rotate(225deg) translate(-1px,-1px);opacity:1;}
.pg-menu > li > a:hover,.pg-menu > li:hover > a{color:var(--pg-gold);}
.pg-menu > li.current-menu-item > a,.pg-menu > li.current_page_item > a,.pg-menu > li.current-menu-ancestor > a{color:var(--pg-gold);box-shadow:inset 0 -3px 0 var(--pg-gold);}
/* Dropdown / mega panel */
.pg-menu ul{position:absolute;top:100%;left:0;background:#fff;list-style:none;margin:0;padding:12px 10px;min-width:280px;box-shadow:0 30px 60px rgba(3,18,45,.2),0 2px 8px rgba(3,18,45,.08);display:none;z-index:80;border-radius:0 0 16px 16px;border-top:3px solid var(--pg-gold);}
.pg-menu li:hover > ul{display:block;}
.pg-menu ul li{break-inside:avoid;}
.pg-menu ul a{display:block;color:#1e2733;font-weight:600;padding:11px 18px;font-size:14.5px;border-radius:10px;transition:background .14s,color .14s;}
.pg-menu ul a:hover{color:var(--pg-navy);background:#f4f7fb;}
/* КАТЕГОРИИ — two-column mega panel */
.pg-menu > li.pg-mega > ul{column-count:2;column-gap:6px;width:640px;padding:16px 14px;}

/* ---- Effects + sticky condensed bar ---- */
@keyframes pgSpin{to{transform:rotate(360deg);}}
@keyframes pgShimmer{0%{background-position:220% 0}100%{background-position:-220% 0}}
.pg-header-main:before{animation:pgDrift 14s ease-in-out infinite alternate;}
@keyframes pgDrift{to{transform:translateY(-7px);}}
/* Burger. Opens the menu drawer. */
.pg-burger{display:none;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;border-radius:10px;background:none;border:none;color:#fff;cursor:pointer;padding:0;transition:color .16s,background .16s;}
.pg-burger:hover{color:var(--pg-gold);background:rgba(255,255,255,.06);}
.pg-nav-brand{display:none;align-items:center;gap:10px;flex:0 0 auto;}
.pg-nav-seal{line-height:0;}
.pg-nav-seal svg{width:36px;height:36px;filter:drop-shadow(0 0 6px rgba(242,183,5,.5));}
.pg-header .pg-nav-logo-img{height:40px;width:auto;max-width:none;display:block;filter:drop-shadow(0 1px 6px rgba(0,0,0,.4));}
.pg-nav-word{font-size:15px;font-weight:800;color:#eef3fb;letter-spacing:.8px;}
.pg-nav-word b{color:#fff;}
.pg-nav-cart{display:none;position:relative;color:#eaf1fb;align-items:center;flex:0 0 auto;margin-left:6px;}
.pg-nav-cart:hover{color:var(--pg-gold);}
/* Compact search (sticky bar only) */
.pg-nav-search{display:none;position:relative;flex:1 1 auto;max-width:560px;margin-left:auto;}
.pg-nav-search input[type=search]{width:100%;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:9px 44px 9px 18px;font-size:14px;font-family:inherit;color:#fff;background:rgba(255,255,255,.09);outline:none;transition:.2s;}
.pg-nav-search input[type=search]::placeholder{color:rgba(255,255,255,.6);}
.pg-nav-search input[type=search]:focus{border-color:var(--pg-gold);background:rgba(255,255,255,.15);}
.pg-nav-search button{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:linear-gradient(180deg,#ffdd67,#e0a200);border:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--pg-navy);}
.pg-header-nav{transition:box-shadow .3s ease;}
body.pg-stuck .pg-header-nav{position:fixed;top:0;left:0;right:0;z-index:200;background:linear-gradient(180deg,#022c58,var(--pg-navy-deep));box-shadow:0 8px 26px rgba(0,0,0,.42);animation:pgSlideDown .35s ease;}
body.pg-stuck{padding-top:56px;}
/* Stuck: menu collapses to burger + logo + search + cart */
body.pg-stuck .pg-menu{display:none;}
body.pg-stuck .pg-burger{display:flex;}
body.pg-stuck .pg-nav-brand{display:flex;}
body.pg-stuck .pg-nav-search{display:block;}
body.pg-stuck .pg-nav-cart{display:inline-flex;}
@keyframes pgSlideDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}

/* ============================================================
   SECTIONS
   ============================================================ */
.pg-main{padding:40px 20px 60px;}
.pg-section{margin:44px 0;}
/* a section that is ALSO the container must keep auto-centering + gutters */
.pg-section.pg-container{margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;}
.pg-sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:16px;}
.pg-section-title{text-align:left;font-size:22px;margin:0;color:var(--pg-navy);display:flex;align-items:center;gap:9px;}
.pg-sec-ic{font-size:20px;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15));}
.pg-sec-all{display:inline-flex;align-items:center;white-space:nowrap;padding:8px 18px;border-radius:22px;font-weight:700;font-size:13px;color:var(--pg-navy);background:linear-gradient(180deg,#fffdf6,#f5ead0);border:1.5px solid rgba(200,150,30,.55);box-shadow:0 2px 8px rgba(120,80,10,.14),inset 0 1px 0 rgba(255,255,255,.8);transition:background .18s,transform .18s,box-shadow .18s,border-color .18s;}
.pg-sec-all:hover{background:linear-gradient(180deg,#ffe07a,#e8a900);border-color:#d59a10;color:var(--pg-navy);transform:translateY(-1px);box-shadow:0 5px 14px rgba(170,115,10,.3);}
/* Product rows */
.pg-slider{position:relative;}
.pg-slider .pg-row{overflow-x:clip;overflow-y:visible;padding:6px 14px 8px;}
.pg-slider .products{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap;gap:22px;transition:transform .5s cubic-bezier(.22,.75,.3,1);will-change:transform;}
.pg-slider .products li.product{flex:0 0 calc((100% - 3*22px)/4);}
/* Row arrows */
.pg-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:14;width:46px;height:46px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#12161d;border:1px solid #e9ecf1;border-radius:50%;background:#fff;box-shadow:0 8px 22px rgba(3,20,50,.16);transition:transform .15s,color .15s,background .15s,box-shadow .2s;}
.pg-prev{left:-23px;}
.pg-next{right:-23px;}
.pg-nav:hover{color:var(--pg-navy);background:var(--pg-gold);border-color:var(--pg-gold);transform:translateY(-50%) scale(1.07);box-shadow:0 10px 26px rgba(3,20,50,.22);}
.pg-nav:active{transform:translateY(-50%) scale(.95);}
.pg-nav:disabled{opacity:.25;cursor:default;pointer-events:none;}
.pg-slider-static .pg-nav{display:none;}
@media(max-width:1340px){.pg-nav{width:40px;height:40px;}.pg-prev{left:-12px;}.pg-next{right:-12px;}}
@media(max-width:1000px){.pg-slider .products li.product{flex-basis:calc((100% - 22px)/2);}}
@media(max-width:560px){.pg-slider .products li.product{flex-basis:100%;}.pg-nav{width:40px;height:40px;}}
/* ============================================================
   HERO SLIDER
   ============================================================ */
.pg-hero-slider{position:relative;width:100%;overflow:hidden;}
.pg-hero-track{display:flex;transition:transform .55s cubic-bezier(.25,.7,.3,1);will-change:transform;}
.pg-hero-slide{flex:0 0 100%;display:block;line-height:0;position:relative;}
.pg-hero-slide picture{display:block;line-height:0;}
/* Matches the supplied wide banner (~1952x544) so the whole artwork shows, uncropped. */
.pg-hero-slide img{width:100%;height:auto;display:block;aspect-ratio:1952/544;object-fit:cover;}
/* On phones the <source> swaps to the portrait banner (865x1818) at the SAME 768px
   breakpoint, so the aspect never mismatches the shown image. */
/* Mobile hero: show the image at its OWN ratio (never crop). The current banners are
   full portrait posters with baked-in title + button; a forced ratio chopped them off.
   This also auto-adapts if a wider (e.g. 3:2) banner is uploaded later. */
@media(max-width:768px){.pg-hero-slide img{aspect-ratio:auto;height:auto;object-fit:contain;}}
/* Arrows + dots */
.pg-hero-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:46px;height:46px;border-radius:50%;border:none;background:rgba(255,255,255,.94);color:#12161d;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 22px rgba(3,20,50,.25);transition:.16s;opacity:.92;}
.pg-hero-nav:hover{background:var(--pg-gold);color:var(--pg-navy);opacity:1;transform:translateY(-50%) scale(1.06);}
.pg-hero-prev{left:24px;}
.pg-hero-next{right:24px;}
.pg-hero-dots{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:8px;z-index:5;}
.pg-hero-dots button{width:9px;height:9px;border-radius:999px;border:none;padding:0;background:rgba(255,255,255,.6);cursor:pointer;transition:.2s;box-shadow:0 1px 4px rgba(0,0,0,.25);}
.pg-hero-dots button.is-active{width:26px;background:var(--pg-gold);}


/* ============================================================
   MENU DRAWER — off-canvas full menu (opened by the burger)
   ============================================================ */
/* Overlay + panel */
.pg-drawer-overlay{position:fixed;inset:0;background:rgba(2,14,33,.55);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s;z-index:120;}
body.pg-drawer-open .pg-drawer-overlay{opacity:1;visibility:visible;}
.pg-drawer{position:fixed;top:0;left:0;height:100%;width:352px;max-width:88vw;background:#fff;box-shadow:0 0 60px rgba(0,10,30,.4);transform:translateX(-102%);transition:transform .32s cubic-bezier(.22,.61,.36,1);z-index:121;display:flex;flex-direction:column;overflow:hidden;}
body.pg-drawer-open .pg-drawer{transform:translateX(0);}
.pg-drawer[hidden]{display:none;}

.pg-drawer-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;color:#fff;
  background:radial-gradient(600px 200px at 20% -40%,rgba(242,183,5,.16),transparent 60%),linear-gradient(180deg,#083a70,#012a58);
  border-bottom:2px solid var(--pg-gold);}
.pg-drawer-title{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;letter-spacing:.2px;text-transform:uppercase;}
.pg-drawer-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;cursor:pointer;transition:.16s ease;}
.pg-drawer-close:hover{background:rgba(242,183,5,.22);border-color:var(--pg-gold);color:var(--pg-gold);transform:rotate(90deg);}

.pg-drawer-body{flex:1 1 auto;overflow-y:auto;padding:10px 12px 18px;}
.pg-drawer-body::-webkit-scrollbar{width:8px;}
.pg-drawer-body::-webkit-scrollbar-thumb{background:#d9e0ea;border-radius:8px;}

/* Loyalty card, pinned to the top of the drawer */
.pg-dloyal{display:flex;align-items:center;gap:13px;margin:2px 2px 14px;padding:14px 14px;border-radius:14px;transition:.18s ease;}
.pg-dloyal-guest{background:linear-gradient(180deg,#ffd75e,#efb400);color:var(--pg-navy);box-shadow:0 6px 18px rgba(239,180,0,.3);}
.pg-dloyal-guest:hover{color:var(--pg-navy);filter:brightness(1.04);transform:translateY(-1px);}
.pg-dloyal-member{background:linear-gradient(180deg,#083a70,#012a58);color:#fff;box-shadow:0 6px 18px rgba(2,20,45,.25);}
.pg-dloyal-member:hover{color:#fff;filter:brightness(1.08);}
.pg-dloyal-ic{flex:0 0 auto;display:flex;align-items:center;}
.pg-dloyal-member .pg-dloyal-ic{color:var(--pg-gold);}
/* Real rank medallion in the drawer (bronze/silver/gold/max) instead of the flat shield. */
.pg-dloyal-ic .pg-dloyal-badge{width:36px;height:auto;display:block;filter:drop-shadow(0 2px 5px rgba(0,0,0,.4));}
.pg-dloyal-txt{flex:1;display:flex;flex-direction:column;line-height:1.25;min-width:0;}
.pg-dloyal-txt strong{font-size:15px;font-weight:800;letter-spacing:.2px;}
.pg-dloyal-guest .pg-dloyal-txt small{font-size:12px;color:rgba(0,43,94,.72);}
.pg-dloyal-member .pg-dloyal-txt strong{color:var(--pg-gold);font-size:13.5px;letter-spacing:.6px;}
.pg-dloyal-member .pg-dloyal-txt small{font-size:13px;color:#bcd0ea;}
.pg-dloyal-arrow{flex:0 0 auto;font-size:22px;line-height:1;opacity:.55;}

/* Sign in / register inside the drawer — on phones this is the only way in. */
.pg-drawer-auth{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid #eef1f5;}
.pg-dauth{display:flex;align-items:center;justify-content:center;height:44px;border-radius:999px;font-weight:800;font-size:14px;transition:.16s;}
.pg-dauth-in{background:linear-gradient(180deg,#ffdd67,#e0a200);color:var(--pg-navy);box-shadow:0 4px 12px rgba(242,183,5,.3);}
.pg-dauth-in:hover{color:var(--pg-navy);filter:brightness(1.06);}
.pg-dauth-reg{border:1px solid #e2e6ec;color:#12161d;}
.pg-dauth-reg:hover{background:#f6f8fb;color:var(--pg-navy);border-color:#d3d9e2;}

/* Contact, language and social sit at the foot of the panel. margin-top:auto
   drops them to the bottom on a short menu and lets them flow on a long one. */
.pg-drawer-body{display:flex;flex-direction:column;}
.pg-drawer-nav{flex:0 0 auto;}
.pg-drawer-foot{margin-top:auto;padding-top:6px;}

/* Stacked, not side by side: a phone number is long enough that two columns
   truncate it. min-width:0 still matters — the label is nowrap. */
.pg-drawer-contact{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid #eef1f5;}
.pg-dcontact{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;height:46px;padding:0 12px;border-radius:12px;
  border:1px solid #e6eaf0;background:#f7f8fa;color:#12161d;font-weight:800;font-size:14px;white-space:nowrap;
  transition:background .16s,border-color .16s,color .16s;}
.pg-dcontact span{overflow:hidden;text-overflow:ellipsis;}
.pg-dcontact svg{flex:none;color:var(--pg-gold);transition:color .16s;}
.pg-dcontact-tel:hover{background:rgba(242,183,5,.14);border-color:var(--pg-gold);color:var(--pg-navy);}
.pg-dcontact-wa:hover{background:rgba(37,211,102,.12);border-color:rgba(37,211,102,.55);color:#0f7a42;}
.pg-dcontact-wa:hover svg{color:#25D366;}

.pg-drawer-social{padding:12px 0 4px;}
.pg-drawer-social .pg-social-link{width:42px;height:42px;border-radius:11px;color:#5b6473;border:1px solid #e6eaf0;background:#f7f8fa;}
.pg-drawer-social .pg-social-link:hover{background:var(--pg-gold);border-color:var(--pg-gold);color:var(--pg-navy);}

/* Language selector inside the drawer */
.pg-drawer-lang{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 2px 2px;border-top:1px solid #eef1f5;}
.pg-drawer-lang-label{font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--pg-grey);}
.pg-drawer-lang .pg-lang-btn{color:#12161d;background:#f2f4f7;border-color:#e4e8ee;}
.pg-drawer-lang .pg-lang-btn:hover{color:var(--pg-navy);background:var(--pg-gold);border-color:var(--pg-gold);}
.pg-drawer-lang .pg-lang-list{right:0;left:auto;}

/* Drawer menu (accordion) */
.pg-dmenu{list-style:none;margin:0;padding:0;}
.pg-dmenu > li{border-bottom:1px solid #eef1f5;position:relative;}
.pg-dmenu > li > a{display:block;padding:15px 44px 15px 10px;color:#12161d;font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.6px;border-radius:10px;transition:color .14s;}
.pg-dmenu > li > a:hover{color:var(--pg-navy);}
.pg-sub-toggle{position:absolute;top:7px;right:4px;width:40px;height:40px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9aa4b2;border-radius:10px;transition:.16s;}
.pg-sub-toggle::before{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease;margin-top:-3px;}
.pg-sub-toggle:hover{color:var(--pg-navy);background:#f4f7fb;}
.pg-dmenu li.pg-open > .pg-sub-toggle{color:var(--pg-navy);}
.pg-dmenu li.pg-open > .pg-sub-toggle::before{transform:rotate(225deg);margin-top:3px;}
.pg-dmenu ul{list-style:none;margin:0;padding:0 0 10px;display:none;}
.pg-dmenu li.pg-open > ul{display:block;}
.pg-dmenu ul a{display:block;padding:10px 10px 10px 22px;color:#3c4654;font-weight:600;font-size:14.5px;border-radius:10px;transition:.14s;}
.pg-dmenu ul a:hover{color:var(--pg-navy);background:#f4f7fb;}
.pg-hero{position:relative;background-size:cover;background-position:center;min-height:480px;display:flex;align-items:center;}
.pg-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,27,61,.82),rgba(0,43,94,.35) 60%,transparent);}
.pg-hero-inner{position:relative;color:#fff;padding:40px 20px;max-width:var(--pg-container);margin:0 auto;width:100%;}
.pg-hero-inner h1{color:#fff;font-size:50px;margin:0 0 12px;text-shadow:0 4px 16px rgba(0,0,0,.5);}
.pg-hero-inner h1 span{color:var(--pg-gold);text-shadow:0 0 22px rgba(242,183,5,.45);}
.pg-hero-inner p{font-size:20px;color:#e7eefa;margin:0 0 24px;max-width:520px;}
/* Newsletter */
.pg-newsletter{margin-top:70px;padding:52px 0;background:
	radial-gradient(700px 320px at 88% -30%,rgba(242,183,5,.14),transparent 60%),
	linear-gradient(120deg,#06356b,#011f45 72%);}
.pg-nl-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;}
.pg-nl-content{flex:1 1 380px;min-width:280px;}
.pg-newsletter h2{color:#fff;margin:0 0 8px;font-size:clamp(24px,2.4vw,34px);letter-spacing:-.5px;}
.pg-nl-content p{color:#bcd0ea;margin:0;font-size:16px;max-width:520px;}
.pg-nl-form{flex:0 1 480px;min-width:300px;}
.pg-nl-row{display:flex;gap:10px;}
.pg-nl-form input{flex:1 1 auto;min-width:0;height:54px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.09);border-radius:999px;padding:0 22px;color:#fff;font-size:15px;font-family:inherit;transition:.18s;}
.pg-nl-form input::placeholder{color:#93aecd;}
.pg-nl-form input:focus{outline:none;border-color:var(--pg-gold);background:rgba(255,255,255,.15);}
.pg-btn-gold{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:54px;padding:0 32px;border:0;border-radius:999px;background:linear-gradient(180deg,#ffd75e,#efb400);color:var(--pg-navy);font-family:inherit;font-weight:800;font-size:14.5px;line-height:1;cursor:pointer;white-space:nowrap;box-shadow:0 6px 18px rgba(242,183,5,.34);transition:filter .16s,transform .16s;}
.pg-btn-gold:hover{filter:brightness(1.05);transform:translateY(-2px);}
.pg-nl-msg{display:block;margin-top:10px;padding-left:4px;font-size:13.5px;font-weight:700;min-height:1.1em;color:#cddcf0;}
.pg-nl-msg.is-ok{color:#8ff0bd;}
.pg-nl-msg.is-err{color:#ffc2b8;}
.pg-nl-note{display:block;margin-top:8px;font-size:12.5px;color:#8ba6c7;padding-left:4px;}
.pg-nl-note strong{color:var(--pg-gold);}
.pg-nl-note a{color:#bcd0ea;text-decoration:underline;}
.pg-nl-note a:hover{color:var(--pg-gold);}

/* Trust bar */
.pg-trust{background:#f7f8fa;border-top:1px solid #eaedf1;border-bottom:1px solid #eaedf1;margin-top:70px;}
.pg-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:30px 20px;}
.pg-trust-item{display:flex;align-items:center;gap:14px;color:#12161d;}
.pg-trust-ic{flex:none;width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#b07d00;background:rgba(239,180,0,.1);}
.pg-trust-txt{display:flex;flex-direction:column;line-height:1.3;}
.pg-trust-txt strong{font-size:14.5px;color:#12161d;font-weight:700;}
.pg-trust-txt small{font-size:13px;color:#6b7382;}
.pg-blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.pg-blog-grid.pg-blog-count-1{grid-template-columns:minmax(0,440px);}
.pg-blog-grid.pg-blog-count-2{grid-template-columns:repeat(2,1fr);}
.pg-blog-grid.pg-blog-count-3{grid-template-columns:repeat(3,1fr);}
/* Blog cards */
.pg-blog-card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;transition:transform .22s,box-shadow .22s;}
.pg-blog-card:hover{transform:translateY(-4px);}
.pg-blog-media{position:relative;display:block;overflow:hidden;aspect-ratio:16/10;line-height:0;border-radius:16px;background:#f2f4f7;}
.pg-blog-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}
.pg-blog-card:hover .pg-blog-media img{transform:scale(1.05);}
.pg-blog-ph{display:block;width:100%;height:100%;background:linear-gradient(135deg,#04336b,var(--pg-navy));}
.pg-blog-body{padding:16px 2px 4px;display:flex;flex-direction:column;gap:7px;flex:1;text-align:left;}
.pg-blog-date{color:#98a2b0;font-size:12px;margin:0;font-weight:600;}
.pg-blog-card h3{font-size:18px;margin:0;line-height:1.34;letter-spacing:-.3px;}
.pg-blog-card h3 a{color:#12161d;}
.pg-blog-card h3 a:hover{color:var(--pg-navy);}
.pg-blog-excerpt{margin:0;color:#5b6675;font-size:14px;line-height:1.55;}
.pg-blog-more{margin-top:auto;padding-top:12px;color:#12161d;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:6px;width:fit-content;border-bottom:2px solid transparent;transition:.16s;}
.pg-blog-more::after{content:"→";transition:transform .18s;}
.pg-blog-more:hover{color:var(--pg-navy);border-bottom-color:var(--pg-gold);}
.pg-blog-more:hover::after{transform:translateX(3px);}
@media(max-width:900px){.pg-blog-grid,.pg-blog-grid.pg-blog-count-2,.pg-blog-grid.pg-blog-count-3,.pg-blog-grid.pg-blog-count-4{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.pg-blog-grid{grid-template-columns:1fr!important;}}
.pg-page{padding-top:44px;}
.pg-page h1{margin-bottom:24px;}
.pg-content{max-width:820px;}
.pg-content img{border-radius:10px;}

/* ============================================================
   WooCommerce — QUEST CARDS (magical / RPG / collectible)
   ============================================================ */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding:0;list-style:none;}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none;}
.woocommerce ul.products li.product{
	width:auto!important;margin:0!important;float:none!important;position:relative;
	display:flex;flex-direction:column;text-align:center;overflow:hidden;
	padding:11px 11px 13px;border-radius:16px;
	background:linear-gradient(180deg,#fdf7e8 0%,#f4e8ce 100%);
	border:1px solid #d8c288;
	box-shadow:0 8px 24px rgba(70,48,10,.14),inset 0 1px 0 rgba(255,255,255,.7);
	transition:transform .28s cubic-bezier(.2,.8,.3,1),box-shadow .28s;
}
/* inner ornamental hairline frame */
.woocommerce ul.products li.product::before{content:"";position:absolute;inset:5px;border:1px solid rgba(200,144,26,.4);border-radius:12px;pointer-events:none;z-index:4;}
/* corner runes (top-left & bottom-right) */
.woocommerce ul.products li.product::after{content:"";position:absolute;inset:5px;border-radius:12px;pointer-events:none;z-index:4;
	background:
		radial-gradient(circle at 10px 10px,rgba(242,183,5,.9) 0 1.6px,transparent 2.4px),
		radial-gradient(circle at calc(100% - 10px) calc(100% - 10px),rgba(242,183,5,.9) 0 1.6px,transparent 2.4px);}
.woocommerce ul.products li.product:hover{transform:translateY(-6px);box-shadow:0 16px 30px rgba(120,80,10,.34),0 0 0 1.5px var(--pg-gold);}
.woocommerce ul.products li.product:hover::before{border-color:rgba(242,183,5,.85);box-shadow:inset 0 0 16px rgba(242,183,5,.32);}
.woocommerce ul.products li.product:hover::after{filter:drop-shadow(0 0 4px rgba(242,183,5,.95));}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:block;position:relative;z-index:2;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:'Merriweather',serif;font-size:15.5px;font-weight:700;color:var(--pg-navy);text-align:center;padding:4px 8px 2px;line-height:1.3;min-height:2.5em;}
.woocommerce ul.products li.product .woocommerce-loop-product__title::after{content:"⚜";display:block;color:var(--pg-gold);font-size:12px;line-height:1;margin:3px 0 1px;text-shadow:0 1px 2px rgba(150,100,0,.4);}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price{color:var(--pg-navy);font-weight:800;}
.woocommerce ul.products li.product .price{font-size:18px;text-align:center;padding:0 10px 10px;display:block;margin:0;}
.woocommerce ul.products li.product .price del{color:var(--pg-grey);font-weight:500;font-size:13px;margin-right:6px;}
.woocommerce ul.products li.product .price ins{text-decoration:none;}
.woocommerce span.onsale{background:var(--pg-green);}
.stock.in-stock{color:var(--pg-green);}
/* info panel (stats + reward), then the gold quest button */
.pg-card-scroll{margin:auto 0 0;padding:10px 2px 0;border-top:1px solid rgba(200,155,70,.5);}
.pg-card-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;}
.pg-stat{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(180deg,#fffaf0,#f3e6c8);border:1px solid #d5bb7c;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:700;color:var(--pg-navy);box-shadow:0 1px 2px rgba(120,80,10,.15),inset 0 1px 0 rgba(255,255,255,.7);white-space:nowrap;}
.pg-stat svg{color:#b6851a;flex:none;}
.pg-quest-reward{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:8px;font-size:11px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;color:#8a5a06;}
.pg-quest-reward svg{color:var(--pg-gold);filter:drop-shadow(0 1px 1px rgba(150,100,0,.5));}
.pg-quest-reward strong{color:#7a4e00;}
/* gold quest "Add to cart" button */
.woocommerce ul.products li.product .button{display:block;width:100%;margin:11px 0 0;padding:11px 10px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;line-height:1;border-radius:10px;border:1px solid #d59a10;color:var(--pg-navy);background:linear-gradient(180deg,#ffe07a,#e8a900);box-shadow:0 4px 12px rgba(170,115,10,.32),inset 0 1px 0 rgba(255,255,255,.6);transition:filter .16s,transform .16s,box-shadow .16s;}
.woocommerce ul.products li.product .button:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 7px 18px rgba(170,115,10,.42),inset 0 1px 0 rgba(255,255,255,.6);color:var(--pg-navy);}
.woocommerce ul.products li.product .button.loading{opacity:.75;}
.woocommerce ul.products li.product .added_to_cart{display:block;text-align:center;margin-top:7px;font-size:12px;font-weight:700;color:var(--pg-blue);}

/* Single product */
.woocommerce div.product .product_title{font-family:'Montserrat',sans-serif;font-weight:800;font-size:34px;margin-bottom:8px;color:#12161d;letter-spacing:-.5px;}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--pg-navy);font-size:28px;font-weight:800;}
/* flow-root contains the floated gallery + summary. Without it the container
   collapses to its padding (8px) and the trust bar and footer ride up over the
   floated columns — invisible on long product pages, glaring on a short one. */
.woocommerce div.product{padding-top:8px;display:flow-root;}
.woocommerce div.product div.summary{margin-bottom:0;}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--pg-green)!important;font-size:30px;font-weight:800;margin:6px 0 14px;display:flex;align-items:baseline;gap:12px;}
.woocommerce div.product p.price del{color:#9aa0ab;font-weight:500;font-size:18px;}
.woocommerce div.product p.price del::before{content:"ПЦД: ";}
html[lang^="en"] .woocommerce div.product p.price del::before{content:"RRP: ";}
.woocommerce div.product p.price ins{text-decoration:none;color:var(--pg-green);}
.woocommerce div.product .woocommerce-product-details__short-description{color:#48525f;font-size:15.5px;line-height:1.65;margin:14px 0 18px;}

/* Gallery */
.woocommerce div.product .woocommerce-product-gallery{border:1px solid #eef0f4;border-radius:16px;padding:16px;background:#fff;}
.woocommerce div.product .woocommerce-product-gallery img{border-radius:10px;}
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs{margin-top:12px;display:flex;gap:10px;}
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li{width:auto!important;margin:0!important;float:none!important;flex:0 0 80px;}
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs img{border:2px solid transparent;border-radius:8px;opacity:.65;transition:.18s;}
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs img:hover,
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs img.flex-active{opacity:1;border-color:var(--pg-gold);}

/* Cart form */
.woocommerce div.product form.cart{margin:18px 0 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.woocommerce div.product form.cart .quantity input{height:52px;width:76px;border:1px solid #e4e8ee;border-radius:999px;text-align:center;background:#fff;font-weight:700;font-size:16px;color:#12161d;}
.woocommerce div.product form.cart .button,
.woocommerce div.product form.cart .single_add_to_cart_button{height:52px;line-height:1;font-size:15px;font-weight:800;text-transform:none;letter-spacing:.2px;padding:0 38px;border-radius:999px;border:0!important;color:var(--pg-navy)!important;background:linear-gradient(180deg,#ffd75e,#efb400)!important;box-shadow:0 6px 18px rgba(210,150,10,.3);transition:filter .16s,transform .16s,box-shadow .2s;}
.woocommerce div.product form.cart .single_add_to_cart_button:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 10px 24px rgba(210,150,10,.4);}
/* Wishlist button beside the cart */
.pg-single-wish{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:52px;height:52px;padding:0;border-radius:999px;border:1px solid #e4e8ee;background:#fff;color:#5b6675;cursor:pointer;transition:.18s;}
.pg-single-wish:hover{color:#e23b2e;border-color:#f4c4bf;background:#fff5f4;}
.pg-single-wish.is-active{color:#e23b2e;border-color:#f4c4bf;background:#fff5f4;}
.pg-single-wish.is-active svg{fill:#e23b2e;}
.pg-single-wish .pg-act-ic{display:flex;}
.pg-single-wish:hover .pg-act-ic{animation:pgBeat .7s ease infinite;}

/* Honor earn line (from the loyalty plugin) */
.pgl-honor-earn{display:inline-flex!important;align-items:center;gap:8px;background:rgba(239,180,0,.1);border:1px solid rgba(239,180,0,.35);border-radius:999px;padding:8px 16px!important;margin:0 0 4px!important;font-size:14px;color:#12161d;}

/* Stat row */
/* Badge icons. .pg-ic is the inline wrapper pg_icon() emits; the SVG carries its
   own colours, so nothing here should try to tint it. */
.pg-ic{display:inline-flex;line-height:0;flex:none;}
.pg-ic svg{display:block;}

.pg-single-stats{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0;}
.pg-sstat{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:98px;padding:14px 16px 12px;border-radius:14px;background:#f7f8fa;border:1px solid #eef1f5;}
.pg-sstat .pg-ic{margin-bottom:3px;}
.pg-sstat .v{font-weight:800;color:#12161d;font-size:15.5px;}
.pg-sstat .l{font-size:10.5px;color:var(--pg-grey);text-transform:uppercase;letter-spacing:.6px;}

/* Stock line on the single product. WooCommerce prints its own stock paragraph;
   we render our own, so hide theirs to avoid a duplicate. */
.woocommerce div.product p.stock{display:none;}
.woocommerce div.product .pg-stock{justify-content:flex-start;margin:0 0 14px;font-size:14px;}
.pg-stock-pre{color:#1565C0;}
.pg-stock-pre::before{background:#1565C0;}

/* Back-in-stock */
.pg-restock{margin:20px 0 8px;padding:20px;border-radius:16px;background:#f7f8fa;border:1px solid #eef1f5;max-width:520px;}
.pg-restock h3{margin:0 0 6px;font-size:17px;letter-spacing:-.2px;}
.pg-restock p{margin:0 0 14px;color:#5b6675;font-size:14px;}
.pg-restock-form{display:flex;gap:10px;flex-wrap:wrap;}
.pg-restock-form input{flex:1 1 220px;min-width:0;height:50px;border:1px solid #e4e8ee;border-radius:999px;padding:0 20px;font-family:inherit;font-size:15px;background:#fff;}
.pg-restock-form input:focus{outline:none;border-color:var(--pg-gold);}
.pg-restock-form .pg-btn-gold{flex:0 0 auto;height:50px;}
.pg-restock-msg{display:block;margin-top:10px;font-size:13.5px;font-weight:600;min-height:1em;}
.pg-restock-msg.is-ok{color:var(--pg-green);}
.pg-restock-msg.is-err{color:#b3271a;}

.woocommerce div.product .product_meta{font-size:13.5px;color:var(--pg-grey);margin-top:20px;padding-top:16px;border-top:1px solid #eef1f5;}
.woocommerce div.product .product_meta a{color:var(--pg-navy);font-weight:600;}
.woocommerce .woocommerce-breadcrumb{color:var(--pg-grey);font-size:13.5px;margin-bottom:20px;}
.woocommerce .woocommerce-breadcrumb a{color:var(--pg-navy);}

/* Tabs */
/* The tabs now render inside the summary column, so they need to clear the buy
   box rather than the gallery. The tabs used to be what pushed the related-products
   row below the two floated columns — with them gone from that slot, the row has
   to clear the floats itself or it rides up into the gap under the gallery. */
.woocommerce div.product .woocommerce-tabs{margin-top:34px;clear:none;width:100%;}
.woocommerce div.product .related.products,
.woocommerce div.product .upsells.products{clear:both;padding-top:26px;}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 24px;border-bottom:1px solid #eef1f5;display:flex;gap:6px;}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:none;border:0;border-radius:0;margin:0;padding:0;box-shadow:none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none!important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{display:block;padding:13px 20px;color:#6b7382;font-weight:700;font-size:15px;border-bottom:3px solid transparent;transition:.16s;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{color:#12161d;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#12161d;border-bottom-color:var(--pg-gold);}
.woocommerce div.product .woocommerce-tabs .panel{padding:0;margin:0;color:#48525f;line-height:1.7;}
.woocommerce div.product .woocommerce-tabs .panel h2{color:#12161d;}

/* Details table */
.pg-details{width:100%;max-width:720px;border-collapse:collapse;}
.pg-details th,.pg-details td{text-align:left;padding:13px 0;border-bottom:1px solid #eef1f5;font-size:15px;vertical-align:top;}
.pg-details th{width:200px;color:#6b7382;font-weight:600;}
.pg-details td{color:#12161d;font-weight:600;}
.pg-details td a{color:var(--pg-navy);}

/* ============================================================
   REVIEWS
   WooCommerce ships these unstyled: a bare list, a Gravatar and browser-default
   form controls. Everything below is ours.
   ============================================================ */
#reviews{max-width:720px;}
#reviews .woocommerce-Reviews-title{font-size:19px;font-weight:800;color:#12161d;letter-spacing:-.2px;margin:0 0 20px;}

/* The list */
.woocommerce #reviews #comments ol.commentlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;}
.woocommerce #reviews #comments ol.commentlist li{margin:0;padding:0;background:none;border:0;}
.woocommerce #reviews #comments ol.commentlist li .comment_container{display:flex;gap:14px;align-items:flex-start;
	padding:18px 20px;border-radius:16px;background:#f7f8fa;border:1px solid #eef1f5;transition:border-color .18s,box-shadow .18s;}
.woocommerce #reviews #comments ol.commentlist li .comment_container:hover{border-color:#e2e7ee;box-shadow:0 4px 18px rgba(20,30,60,.05);}
.woocommerce #reviews #comments ol.commentlist li img.avatar{position:static;float:none;width:44px;height:44px;flex:none;
	margin:0;padding:0;border:0;background:#e8ecf2;border-radius:50%;box-shadow:none;}
.woocommerce #reviews #comments ol.commentlist li .comment-text{margin:0;padding:0;border:0;border-radius:0;min-width:0;flex:1;}

/* Author line: name and stars on one row, date quietly beneath */
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;
	margin:0 0 8px;font-size:14px;color:var(--pg-grey);}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong{color:#12161d;font-weight:800;font-size:14.5px;}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta time{font-size:12.5px;color:#98a1ad;}
/* Woo prints a bare "-" between the name and the date */
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__dash{display:none;}
.woocommerce #reviews #comments ol.commentlist li .comment-text .description{color:#48525f;line-height:1.7;font-size:14.5px;}
.woocommerce #reviews #comments ol.commentlist li .comment-text .description p:last-child{margin-bottom:0;}

/* Stars. Woo draws these with its own icon font: ::before is the empty row and
   the inner span is the filled overlay, clipped to a width. Only the colours are
   ours — touching the box would break the fill. */
.woocommerce .star-rating{float:none;font-size:13px;letter-spacing:2px;margin:0;}
.woocommerce .star-rating::before{color:#dfe3ea;}
.woocommerce .star-rating span::before{color:var(--pg-gold);}
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating{margin:0 0 0 auto;}
.woocommerce .woocommerce-product-rating{display:flex;align-items:center;gap:9px;margin:0 0 12px;}
.woocommerce .woocommerce-product-rating .woocommerce-review-link{font-size:13.5px;color:var(--pg-grey);}
.woocommerce .woocommerce-product-rating .woocommerce-review-link:hover{color:var(--pg-navy);}

/* Empty state */
.woocommerce #reviews #comments .woocommerce-noreviews{margin:0 0 24px;padding:26px 22px;border-radius:16px;
	background:#f7f8fa;border:1px dashed #dde2ea;color:#6b7382;font-size:14.5px;text-align:center;}

/* The form */
#review_form_wrapper{margin-top:26px;}
.woocommerce #reviews #respond{padding:22px;border-radius:18px;background:#fff;border:1px solid #eef1f5;box-shadow:0 6px 26px rgba(20,30,60,.05);}
.woocommerce #reviews #respond .comment-reply-title{display:block;font-size:16px;font-weight:800;color:#12161d;margin-bottom:16px;}
.woocommerce #reviews #respond .comment-form{margin:0;display:flex;flex-direction:column;gap:14px;}
.woocommerce #reviews #respond .comment-form p{margin:0;}
.woocommerce #reviews #respond .comment-form label{display:block;margin-bottom:7px;font-size:12.5px;font-weight:800;
	letter-spacing:.7px;text-transform:uppercase;color:#6b7382;}
.woocommerce #reviews #respond .comment-form input[type=text],
.woocommerce #reviews #respond .comment-form input[type=email],
.woocommerce #reviews #respond .comment-form textarea{width:100%;box-sizing:border-box;font-family:inherit;font-size:15px;
	color:#12161d;background:#f7f8fa;border:1px solid #e4e8ee;border-radius:12px;padding:13px 16px;transition:border-color .16s,background .16s;}
.woocommerce #reviews #respond .comment-form textarea{min-height:120px;resize:vertical;line-height:1.6;}
.woocommerce #reviews #respond .comment-form input:focus,
.woocommerce #reviews #respond .comment-form textarea:focus{outline:none;background:#fff;border-color:var(--pg-gold);box-shadow:0 0 0 3px rgba(242,183,5,.16);}
.woocommerce #reviews #respond .comment-form-author,
.woocommerce #reviews #respond .comment-form-email{flex:1 1 220px;min-width:0;}
.woocommerce #reviews #respond .comment-form-cookies-consent{display:flex;align-items:center;gap:9px;}
.woocommerce #reviews #respond .comment-form-cookies-consent label{margin:0;text-transform:none;letter-spacing:0;font-weight:600;font-size:13px;color:#6b7382;}

/* Rating picker. Woo already swaps the glyph between empty and filled on hover
   and on select; all we add is the colour that goes with each state, plus room
   to actually hit the stars. */
.woocommerce #reviews #respond .comment-form-rating label{margin-bottom:9px;}
.woocommerce #reviews #respond p.stars{margin:0;font-size:22px;line-height:1;}
.woocommerce #reviews #respond p.stars a{margin-right:6px;}
.woocommerce #reviews #respond p.stars a::before{color:#dfe3ea;transition:color .12s;}
.woocommerce #reviews #respond p.stars:hover a::before{color:var(--pg-gold);}
.woocommerce #reviews #respond p.stars:hover a:hover ~ a::before{color:#dfe3ea;}
.woocommerce #reviews #respond p.stars.selected a.active::before,
.woocommerce #reviews #respond p.stars.selected a:not(.active)::before{color:var(--pg-gold);}
.woocommerce #reviews #respond p.stars.selected a.active ~ a::before{color:#dfe3ea;}

.woocommerce #reviews #respond .form-submit{margin:2px 0 0;}
.woocommerce #reviews #respond input#submit{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 30px;
	border:0;border-radius:999px;cursor:pointer;font-family:inherit;font-weight:800;font-size:15px;
	background:linear-gradient(180deg,#ffdd67,#e0a200);color:var(--pg-navy);box-shadow:0 6px 18px rgba(242,183,5,.32);transition:.18s;}
.woocommerce #reviews #respond input#submit:hover{filter:brightness(1.06);transform:translateY(-1px);}

@media(max-width:640px){
	.woocommerce #reviews #comments ol.commentlist li .comment_container{padding:15px 16px;gap:11px;}
	.woocommerce #reviews #comments ol.commentlist li img.avatar{width:38px;height:38px;}
	.woocommerce #reviews #respond{padding:18px;}
}

.woocommerce .related > h2,.woocommerce .up-sells > h2{font-family:'Montserrat',sans-serif;font-weight:800;color:#12161d;letter-spacing:-.4px;font-size:26px;margin-bottom:20px;}

@media(max-width:640px){
  .woocommerce div.product p.price,.woocommerce div.product span.price{font-size:24px;}
  .woocommerce div.product form.cart{gap:8px;}
  .woocommerce div.product form.cart .single_add_to_cart_button{flex:1 1 auto;padding:0 20px;}
  .pg-single-wish{flex:0 0 auto;width:52px;padding:0;}
  .pg-details th{width:130px;font-size:13.5px;}
  .pg-details td{font-size:13.5px;}
  .woocommerce div.product .woocommerce-tabs ul.tabs{overflow-x:auto;}
}

/* Quest-card media — framed adventure poster */
.pg-card-media{position:relative;margin:0 0 11px;aspect-ratio:4/3;overflow:hidden;border-radius:9px;background:#17110b;
	box-shadow:inset 0 0 0 2px rgba(200,144,26,.6),inset 0 0 22px rgba(0,0,0,.55);z-index:2;}
.woocommerce ul.products li.product .pg-card-media img{margin:0!important;display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover;object-position:center 45%;transition:transform .6s ease;}
.woocommerce ul.products li.product:hover .pg-card-media img{transform:scale(1.07);}
.pg-card-media::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
	background:linear-gradient(to top,rgba(15,9,3,.55),transparent 42%),radial-gradient(120% 80% at 50% -10%,rgba(255,225,150,.15),transparent 55%);
	box-shadow:inset 0 0 40px rgba(0,0,0,.35);}
/* magical shine sweep on hover */
.pg-shine{position:absolute;top:0;left:-70%;width:45%;height:100%;z-index:4;pointer-events:none;transform:skewX(-20deg);
	background:linear-gradient(105deg,transparent,rgba(255,255,255,.4),transparent);}
.woocommerce ul.products li.product:hover .pg-shine{animation:pgShine .85s ease forwards;}
@keyframes pgShine{from{left:-70%}to{left:130%}}
/* magical twinkling sparkles over the art (hover only) */
.pg-sparkle{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .3s ease;
	background-image:
		radial-gradient(circle,rgba(255,244,200,1) 0 1.6px,transparent 2.4px),
		radial-gradient(circle,rgba(255,255,255,.95) 0 1.2px,transparent 2px),
		radial-gradient(circle,rgba(255,225,150,1) 0 1.4px,transparent 2.2px),
		radial-gradient(circle,rgba(255,255,255,.9) 0 1px,transparent 1.7px),
		radial-gradient(circle,rgba(255,236,180,1) 0 1.3px,transparent 2px);
	background-repeat:no-repeat;
	background-position:18% 26%,72% 20%,54% 68%,32% 82%,86% 58%;
	filter:drop-shadow(0 0 3px rgba(255,225,150,.9));}
.woocommerce ul.products li.product:hover .pg-sparkle{opacity:1;animation:pgTwinkle 1.3s ease-in-out infinite;}
@keyframes pgTwinkle{0%,100%{opacity:.35;transform:scale(.96);}50%{opacity:1;transform:scale(1.04);}}
/* card actions — heart always visible, quick-view on hover */
.pg-card-actions{position:absolute;top:9px;right:9px;display:flex;flex-direction:column;gap:7px;z-index:6;}
.pg-card-actions button{width:33px;height:33px;border-radius:50%;border:none;background:rgba(255,255,255,.92);color:#5a6472;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 9px rgba(0,0,0,.3);transition:.18s;padding:0;backdrop-filter:blur(2px);}
.pg-card-actions button:hover{color:#e23b2e;background:#fff;transform:scale(1.08);}
.pg-card-actions .pg-quick:hover{color:var(--pg-navy);}
.pg-card-actions .pg-quick{opacity:0;transform:translateY(-4px);pointer-events:none;}
.woocommerce ul.products li.product:hover .pg-card-actions .pg-quick{opacity:1;transform:none;pointer-events:auto;}
.pg-card-actions .pg-wish.is-active{color:#e23b2e;border-color:#e23b2e;}
.pg-card-actions .pg-wish.is-active svg{fill:#e23b2e;}
.pg-card-actions .pg-wish.pg-pop{animation:pgPop .3s ease;}
@keyframes pgPop{0%{transform:scale(1)}50%{transform:scale(1.35)}100%{transform:scale(1)}}
/* header wishlist count */
.pg-wish-link{position:relative;}
.pg-wish-count{position:absolute;top:-6px;right:-6px;background:var(--pg-gold);color:var(--pg-navy);font-size:10px;font-weight:800;min-width:16px;height:16px;border-radius:9px;display:none;align-items:center;justify-content:center;padding:0 4px;}

/* Quest status seals (top-left) */
.pg-card-badges{position:absolute;top:9px;left:9px;display:flex;flex-direction:column;gap:6px;z-index:6;pointer-events:none;}
.pg-badge{font-size:9.5px;font-weight:800;letter-spacing:.5px;color:#fff;padding:4px 10px;border-radius:4px;text-transform:uppercase;box-shadow:0 2px 7px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.25);}
.pg-badge svg{vertical-align:-1px;margin-right:3px;}
.pg-badge-new{background:linear-gradient(180deg,#31a463,#1e7b47);}
.pg-badge-sale{background:linear-gradient(180deg,#e0503f,#b3271a);}
.pg-badge-low{background:linear-gradient(180deg,#0a3f78,#012a58);color:var(--pg-gold);border-color:rgba(242,183,5,.5);}
.pg-badge-restock{background:linear-gradient(180deg,#2aa6b4,#127d8a);display:inline-flex;align-items:center;}
/* Discount percentage — gold pill so it pops next to the red "НАМАЛЕНИЕ". */
.pg-badge-pct{background:linear-gradient(180deg,#ffd75e,#efb400);color:var(--pg-navy);}
.pg-badge-restock2{background:linear-gradient(180deg,#2aa6b4,#127d8a);}
.pg-badge-limited{background:linear-gradient(180deg,#f4a52a,#d98600);}
.pg-badge-last{background:linear-gradient(180deg,#e0503f,#b3271a);}

/* ===== Leaderboard section (Най-продавани) — its own treatment ===== */
.pg-sec-tag{display:inline-flex;align-items:center;margin-left:10px;padding:3px 11px;border-radius:20px;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--pg-navy);background:linear-gradient(180deg,#ffe07a,#e8a900);box-shadow:0 2px 7px rgba(180,120,10,.35);}
/* rank medallion (top-left, pinned like a medal) */
.pg-rank{position:absolute;top:-6px;left:-6px;z-index:8;min-width:44px;height:44px;padding:0 6px;border-radius:50%;display:flex;align-items:center;justify-content:center;
	font-family:'Merriweather',serif;font-weight:900;font-size:18px;color:#fff;
	background:linear-gradient(180deg,#0a3f78,#012a58);border:2px solid var(--pg-gold);
	box-shadow:0 4px 12px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.35);}
.pg-rank-hash{font-size:11px;opacity:.75;margin-right:1px;}
.pg-rank-1{min-width:52px;height:52px;font-size:22px;color:#5a3d00;background:linear-gradient(180deg,#fff0a8,#e0a200);border-color:#fff6d0;
	box-shadow:0 0 0 3px rgba(242,183,5,.35),0 6px 18px rgba(200,150,0,.55);}
.pg-rank-1 .pg-rank-hash{color:#8a6000;}
.pg-rank-2{min-width:48px;height:48px;color:#39434f;background:linear-gradient(180deg,#f4f7fa,#b7c2cd);border-color:#ffffff;box-shadow:0 0 0 2px rgba(160,175,190,.4),0 5px 14px rgba(90,105,120,.4);}
.pg-rank-2 .pg-rank-hash{color:#6a7683;}
.pg-rank-3{min-width:48px;height:48px;color:#4a2c10;background:linear-gradient(180deg,#f6c48d,#c87b3c);border-color:#ffe0bd;box-shadow:0 0 0 2px rgba(180,120,70,.4),0 5px 14px rgba(150,90,40,.4);}
.pg-rank-3 .pg-rank-hash{color:#7a4a1c;}
/* champion card (#1) gets a golden aura */
.pg-row-ranked li.product{overflow:visible;}
.pg-row-ranked li.product:has(.pg-rank-1){border-color:var(--pg-gold);box-shadow:0 10px 30px rgba(200,150,0,.28),0 0 0 1px var(--pg-gold),0 0 28px rgba(242,183,5,.3);}
.pg-row-ranked li.product:has(.pg-rank-1) .pg-card-media{box-shadow:inset 0 0 0 2px rgba(242,183,5,.9),inset 0 0 22px rgba(0,0,0,.5);}

/* Quick-view modal */
body.pg-modal-open{overflow:hidden;}
.pg-modal{position:fixed;inset:0;z-index:1000;display:none;}
.pg-modal.is-open{display:block;}
.pg-modal-overlay{position:absolute;inset:0;background:rgba(0,20,45,.72);backdrop-filter:blur(3px);animation:pgFade .2s ease;}
.pg-modal-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(880px,92vw);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.42);border:1px solid rgba(242,183,5,.4);animation:pgZoom .25s ease;}
@keyframes pgFade{from{opacity:0}to{opacity:1}}
@keyframes pgZoom{from{opacity:0;transform:translate(-50%,-46%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.pg-modal-close{position:absolute;top:10px;right:16px;background:none;border:none;font-size:32px;line-height:1;color:var(--pg-navy);cursor:pointer;z-index:2;}
.pg-modal-close:hover{color:var(--pg-gold);}
.pg-modal-loading{padding:70px;text-align:center;color:var(--pg-grey);}
.pg-qv{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding:28px;}
.pg-qv-media{background:#fff;border:1px solid var(--pg-line);border-radius:12px;display:flex;align-items:center;justify-content:center;padding:16px;}
.pg-qv-media img{max-height:340px;width:auto;object-fit:contain;}
.pg-qv-info h2{margin:0 0 8px;font-size:26px;}
.pg-qv-price{font-size:24px;font-weight:700;color:var(--pg-navy);margin-bottom:10px;}
.pg-qv-desc{color:var(--pg-ink);margin:12px 0 18px;}
.pg-qv-buttons{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.pg-qv-full{font-weight:600;}
@media(max-width:700px){.pg-qv{grid-template-columns:1fr;}}

/* Footer */
.pg-footer{position:relative;background:linear-gradient(180deg,#02244a,#000d20);color:#c3d2e8;margin-top:0;}
.pg-footer-cols{position:relative;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:44px;padding:58px 20px 46px;}
.pg-footer h4{color:#fff;font-size:12.5px;margin:0 0 18px;text-transform:uppercase;letter-spacing:1.4px;font-weight:800;}
.pg-footer ul{list-style:none;margin:0;padding:0;}
.pg-footer li{margin-bottom:11px;}
.pg-footer a{color:#9db3d1;font-size:14.5px;display:inline-block;transition:color .16s;}
.pg-footer a:hover{color:var(--pg-gold);}
.pg-footer-logo{display:inline-block;margin-bottom:16px;line-height:0;}
.pg-footer .pg-footer-logo-img{height:70px;width:auto;max-width:none;display:block;}
.pg-footer-brand{display:flex;flex-direction:column;align-items:flex-start;}
.pg-footer-brand p{color:#8ba6c7;font-size:14.5px;max-width:340px;margin:0;line-height:1.7;}
/* Contact and social share one row: two labelled links, then the icon buttons.
   The old version stacked bare grey circles under the copy, which read as two
   unfinished blobs. */
.pg-footer-contact{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;}
.pg-footer-contact a{display:inline-flex;align-items:center;gap:9px;height:42px;padding:0 16px;border-radius:11px;
  color:#e6eefb;font-weight:700;font-size:14.5px;letter-spacing:.1px;white-space:nowrap;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.11);
  transition:background .18s,border-color .18s,color .18s,transform .18s;}
.pg-footer-contact a svg{color:var(--pg-gold);flex:none;transition:color .18s;}
.pg-footer-contact a:hover{background:rgba(242,183,5,.12);border-color:rgba(242,183,5,.5);color:#fff;transform:translateY(-1px);}
.pg-footer-contact a.pg-fc-wa:hover{background:rgba(37,211,102,.14);border-color:rgba(37,211,102,.5);}
.pg-footer-contact a.pg-fc-wa:hover svg{color:#25D366;}

.pg-footer-social{gap:8px;margin-top:12px;}
/* .pg-footer a sets display:inline-block, which outranks .pg-social-link's
   inline-flex — and inside a flex row that blockifies to block, killing the
   centring and dumping the icon in the top-left corner. Hence .pg-footer here. */
.pg-footer .pg-social-link{display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:12px;color:#dbe6f5;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);
  transition:background .18s,border-color .18s,color .18s,transform .18s;}
.pg-footer .pg-social-link svg{display:block;}
.pg-footer .pg-social-link:hover{background:var(--pg-gold);border-color:var(--pg-gold);color:var(--pg-navy);transform:translateY(-2px);}
/* payment methods */
.pg-footer-pay{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:20px;border-top:1px solid rgba(255,255,255,.08);}
.pg-pay-label{font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#7e93b1;}
.pg-pay-icons{display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
.pg-pay{display:flex;line-height:0;border-radius:6px;overflow:hidden;opacity:.85;transition:opacity .16s,transform .16s;box-shadow:0 1px 3px rgba(0,0,0,.3);}
.pg-pay:hover{opacity:1;transform:translateY(-2px);}
/* bottom bar */
.pg-footer-bottom{position:relative;border-top:1px solid rgba(255,255,255,.08);padding:20px;font-size:13px;color:#7e93b1;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;}
.pg-footer-legal{display:flex;gap:22px;flex-wrap:wrap;}
.pg-footer-legal a{font-size:13px;color:#7e93b1;}
.pg-footer-legal a:hover{color:var(--pg-gold);}

/* ============================================================
   SCROLL REVEAL — elegant, staggered (respects reduced motion)
   ============================================================ */
.pg-reveal{opacity:0;transform:translateY(30px);transition:opacity .75s cubic-bezier(.22,.61,.36,1),transform .75s cubic-bezier(.22,.61,.36,1);transition-delay:calc(var(--i,0)*70ms);will-change:opacity,transform;}
.pg-reveal.is-in{opacity:1;transform:none;}
/* Cards */
.pg-reveal-card{opacity:0;transform:translateY(34px) scale(.97);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);transition-delay:calc(var(--i,0)*65ms);will-change:opacity,transform;}
.pg-reveal-card.is-in{opacity:1;transform:none;}
/* Section titles. The hidden state must stay on opacity/transform only: a clip-path
   gives the element a zero-area rect, so IntersectionObserver would never fire. */
.pg-reveal-title{position:relative;opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .7s cubic-bezier(.22,.61,.36,1);}
.pg-reveal-title.is-in{opacity:1;transform:none;}
.pg-reveal-title::after{content:"";position:absolute;left:0;bottom:-8px;height:3px;width:52px;border-radius:3px;background:var(--pg-gold);transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.22,.61,.36,1) .18s;}
.pg-reveal-title.is-in::after{transform:scaleX(1);}
@media(prefers-reduced-motion:reduce){
  .pg-reveal,.pg-reveal-card,.pg-reveal-title{opacity:1!important;transform:none!important;transition:none!important;}
  .pg-reveal-title::after{transform:scaleX(1)!important;transition:none!important;}
}

/* ============================================================
   PRODUCT CARDS
   ============================================================ */
.woocommerce ul.products li.product{
	position:relative;display:flex;flex-direction:column;text-align:center;
	min-width:0;
	padding:0 0 4px!important;border-radius:0!important;overflow:visible!important;
	background:transparent!important;border:0!important;box-shadow:none!important;
	transform:none!important;transition:none;}
.woocommerce ul.products li.product::before,.woocommerce ul.products li.product::after{content:none!important;display:none!important;}
.woocommerce ul.products li.product:hover{transform:none!important;box-shadow:none!important;}
.pg-glare{display:none!important;}
/* Media. No shadows anywhere: hover draws four gold corner marks around the image
   instead. The .pg-shine / .pg-sparkle spans already sit inside .pg-card-media, so
   they serve as the two corners the pseudo-elements cannot cover. */
/* Fixed square frame. The image is absolutely centred so a portrait cover can't
   stretch the box taller than 1:1 — that was pushing some product names off the
   shared baseline. object-fit:contain keeps the whole box art visible, uncropped. */
.pg-card-media{position:relative!important;aspect-ratio:1/1!important;margin:0 0 12px!important;padding:0!important;border:0!important;border-radius:12px!important;overflow:visible!important;background:transparent!important;clip-path:none!important;filter:none!important;box-shadow:none!important;display:block!important;}
.woocommerce ul.products li.product .pg-card-media img{position:absolute!important;top:50%!important;left:50%!important;width:auto!important;height:auto!important;max-width:90%!important;max-height:90%!important;margin:0!important;object-fit:contain!important;clip-path:none!important;border-radius:4px!important;filter:none!important;box-shadow:none!important;transform:translate(-50%,-50%);transition:transform .6s cubic-bezier(.22,.61,.36,1);}
.woocommerce ul.products li.product:hover .pg-card-media img{transform:translate(-50%,-50%) scale(1.035);filter:none!important;box-shadow:none!important;}

/* Corner marks. Images vary in aspect, so JS measures each one and writes
   --ct/--cr/--cb/--cl onto .pg-card-media; the marks then sit exactly on the
   image's own corners rather than on the tile. The offsets fall back to 0.
   Each mark grows out of its corner point (width/height from 0), staggered, so
   the frame is drawn rather than popped in. */
.woocommerce ul.products li.product .pg-card-media{--pg-mark:#12161d;}
.woocommerce ul.products li.product .pg-card-media::before,
.woocommerce ul.products li.product .pg-card-media::after,
.woocommerce ul.products li.product .pg-card-media .pg-shine,
.woocommerce ul.products li.product .pg-card-media .pg-sparkle{
	content:""!important;display:block!important;position:absolute!important;
	width:0!important;height:0!important;z-index:4;pointer-events:none;
	background:none!important;background-image:none!important;
	box-shadow:none!important;filter:none!important;animation:none!important;
	opacity:0;border-radius:0;transform:none!important;
	transition:width .55s cubic-bezier(.22,.61,.36,1),height .55s cubic-bezier(.22,.61,.36,1),opacity .2s ease;}
.woocommerce ul.products li.product .pg-card-media::before{
	top:calc(var(--ct,0px) - 9px);left:calc(var(--cl,0px) - 9px);right:auto;bottom:auto;
	border-top:2px solid var(--pg-mark);border-left:2px solid var(--pg-mark);
	border-top-left-radius:4px;}
.woocommerce ul.products li.product .pg-card-media .pg-shine{
	top:calc(var(--ct,0px) - 9px);right:calc(var(--cr,0px) - 9px);left:auto!important;bottom:auto;
	border-top:2px solid var(--pg-mark);border-right:2px solid var(--pg-mark);
	border-top-right-radius:4px;transition-delay:.09s;}
.woocommerce ul.products li.product .pg-card-media::after{
	bottom:calc(var(--cb,0px) - 9px);right:calc(var(--cr,0px) - 9px);top:auto;left:auto;
	border-bottom:2px solid var(--pg-mark);border-right:2px solid var(--pg-mark);
	border-bottom-right-radius:4px;transition-delay:.18s;}
.woocommerce ul.products li.product .pg-card-media .pg-sparkle{
	inset:auto auto calc(var(--cb,0px) - 9px) calc(var(--cl,0px) - 9px)!important;
	border-bottom:2px solid var(--pg-mark);border-left:2px solid var(--pg-mark);
	border-bottom-left-radius:4px;transition-delay:.27s;}
.woocommerce ul.products li.product:hover .pg-card-media::before,
.woocommerce ul.products li.product:hover .pg-card-media::after,
.woocommerce ul.products li.product:hover .pg-card-media .pg-shine,
.woocommerce ul.products li.product:hover .pg-card-media .pg-sparkle{
	width:22px!important;height:22px!important;opacity:1;animation:none!important;}
@media(prefers-reduced-motion:reduce){
	.woocommerce ul.products li.product .pg-card-media img,
	.woocommerce ul.products li.product .pg-card-media::before,
	.woocommerce ul.products li.product .pg-card-media::after,
	.woocommerce ul.products li.product .pg-card-media .pg-shine,
	.woocommerce ul.products li.product .pg-card-media .pg-sparkle{transition:none!important;}
	.woocommerce ul.products li.product:hover .pg-card-media img{transform:translate(-50%,-50%);}
}
/* Title */
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:'Montserrat',sans-serif!important;color:var(--pg-ink,#1c2430)!important;font-size:14.5px!important;font-weight:700!important;line-height:1.35;min-height:2.7em;display:flex;align-items:center;justify-content:center;margin:0!important;padding:0 6px!important;border:0!important;background:none!important;}
.woocommerce ul.products li.product .woocommerce-loop-product__title::after{display:none!important;content:none!important;}
/* Price */
/* A card with reviews grows a star row, which would push its price and button
   below its neighbours'. WooCommerce wraps the image, title, rating and price in
   a.woocommerce-LoopProduct-link, so the price is not a child of the card — the
   link is. Make the link the growing flex column and the price can bottom out
   inside it, keeping prices and buttons on one line across the row. */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:flex!important;flex-direction:column;flex:1 1 auto;}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link .pg-card-media{flex:none;}
.woocommerce ul.products li.product .star-rating{margin:3px auto 0;font-size:12px;}
.woocommerce ul.products li.product .price{font-size:16px!important;font-weight:800!important;padding:7px 0 0!important;margin:auto 0 0!important;display:flex!important;align-items:baseline;justify-content:center;gap:10px;color:var(--pg-green)!important;}
.woocommerce ul.products li.product .price::before,.woocommerce ul.products li.product .price::after{content:none!important;}
.woocommerce ul.products li.product .price del{color:#9aa0ab;font-weight:500;font-size:13px;}
.woocommerce ul.products li.product .price del::before{content:"ПЦД: ";}
html[lang^="en"] .woocommerce ul.products li.product .price del::before{content:"RRP: ";}
.woocommerce ul.products li.product .price ins{text-decoration:none;color:var(--pg-green);}
/* Stats and Honor are not shown on cards */
.pg-card-scroll{display:none!important;}
/* Badges */
.pg-card-badges{top:10px!important;left:10px!important;z-index:6;}
.pg-card-badges .pg-badge{transform:none;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.18);border:0;}
/* Sale % — a single red badge in the TOP-RIGHT, clear of the top-left flag + the actions. */
.pg-card-sale{position:absolute;top:10px;right:10px;z-index:7;pointer-events:none;
	background:linear-gradient(180deg,#e0503f,#b3271a);color:#fff;font-family:'Montserrat',sans-serif;
	font-weight:800;font-size:12px;letter-spacing:.2px;line-height:1;padding:6px 9px;border-radius:6px;
	box-shadow:0 2px 8px rgba(150,20,10,.42);}
/* Sale badge on a ranked/restock card sits below the medallion/seal, not over it. */
.pg-card-badges.pg-card-badges--shift{top:54px!important;}
/* Card actions. The media tile is 1:1, so a width-relative padding-top anchors them to
   the bottom of the image while the markup stays outside the product link. */
.pg-card-actions{top:0!important;bottom:auto!important;right:12px!important;left:auto;flex-direction:column-reverse!important;gap:8px;z-index:6;padding-top:calc(100% - 100px);pointer-events:none;}
.pg-card-actions button{pointer-events:auto;}
.pg-card-actions button{position:relative;width:40px;height:40px;border-radius:12px!important;background:rgba(255,255,255,.97)!important;color:#98a0ac!important;border:1px solid #e9ecf1!important;box-shadow:0 3px 10px rgba(20,30,60,.14)!important;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;opacity:0;transform:translateY(6px) scale(.9);transition:opacity .22s ease,transform .22s cubic-bezier(.2,.9,.3,1.4),color .18s,border-color .18s,box-shadow .18s;}
.pg-card-actions .pg-wish{opacity:1;transform:none;}
.woocommerce ul.products li.product:hover .pg-card-actions button{opacity:1;transform:translateY(0) scale(1);}
.pg-card-actions .pg-quick{transition-delay:.04s;}
.pg-act-ic{display:flex;line-height:0;}
/* An active wishlist stays visible at rest */
.pg-card-actions .pg-wish.is-active{opacity:1;transform:none;color:#e23b2e!important;border-color:#f4c4bf!important;background:#fff5f4!important;}
.pg-card-actions .pg-wish.is-active svg{fill:#e23b2e;}
/* Per-button hover */
.pg-card-actions button:hover{transform:translateX(0) scale(1.12)!important;box-shadow:0 7px 18px rgba(20,30,60,.22)!important;}
.pg-card-actions .pg-wish:hover{color:#e23b2e!important;border-color:#f4c4bf!important;}
.pg-card-actions .pg-wish:hover .pg-act-ic{animation:pgBeat .7s ease infinite;}
.pg-card-actions .pg-quick:hover{color:var(--pg-navy)!important;border-color:#cfe0f5!important;}
.pg-card-actions .pg-quick:hover .pg-act-ic{animation:pgEye 1.1s ease infinite;}
.pg-card-actions .pg-wish.pg-pop .pg-act-ic{animation:pgPop .3s ease;}
@keyframes pgBeat{0%,100%{transform:scale(1)}20%{transform:scale(1.24)}40%{transform:scale(1.02)}60%{transform:scale(1.16)}}
@keyframes pgEye{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
/* Tooltip */
.pg-card-actions button::after{content:attr(data-label);position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%) translateX(6px);white-space:nowrap;background:var(--pg-navy);color:#fff;font-size:11px;font-weight:600;letter-spacing:.2px;padding:5px 9px;border-radius:7px;opacity:0;pointer-events:none;transition:opacity .16s,transform .16s;box-shadow:0 5px 14px rgba(0,20,45,.3);}
.pg-card-actions button::before{content:"";position:absolute;right:calc(100% + 4px);top:50%;transform:translateY(-50%);border:5px solid transparent;border-left-color:var(--pg-navy);opacity:0;transition:opacity .16s;}
.pg-card-actions button:hover::after{opacity:1;transform:translateY(-50%) translateX(0);}
.pg-card-actions button:hover::before{opacity:1;}
@media(hover:none){.pg-card-actions button{opacity:1;transform:none;}}
/* Rank medallion */
.pg-rank{top:10px!important;left:10px!important;min-width:38px!important;width:38px;height:38px!important;font-size:16px!important;border:0!important;background:linear-gradient(180deg,#ffd75e,#e8a900)!important;color:var(--pg-navy)!important;box-shadow:0 2px 8px rgba(160,110,10,.4)!important;z-index:7;font-family:'Montserrat',sans-serif!important;font-weight:800!important;padding:0!important;}
.pg-rank .pg-rank-hash{display:none;}
.pg-rank-1,.pg-rank-2,.pg-rank-3{min-width:38px!important;height:38px!important;font-size:16px!important;}
.pg-row-ranked li.product:has(.pg-rank-1){border:0!important;box-shadow:none!important;}
/* Ranked rows hide the НОВО badge */
.pg-row-ranked .pg-card-badges{display:none!important;}
/* Buy button. On hover the gold drains left to right until the button is white with a
   gold outline. Animating background-size, rather than a pseudo-element, keeps the label on top. */
.woocommerce ul.products li.product .button{position:relative;overflow:hidden;width:100%!important;margin:10px 0 0!important;border-radius:999px!important;padding:12px 14px!important;font-size:13.5px!important;font-weight:800!important;text-transform:none!important;letter-spacing:.2px!important;
	color:var(--pg-navy)!important;border:2px solid #efb400!important;
	background-color:#fff!important;
	background-image:linear-gradient(180deg,#ffd75e,#efb400)!important;
	background-repeat:no-repeat!important;
	background-position:right center!important;
	background-size:100% 100%!important;
	box-shadow:0 4px 14px rgba(210,150,10,.28)!important;
	transition:background-size .55s cubic-bezier(.65,0,.35,1),color .3s ease,box-shadow .25s,transform .18s cubic-bezier(.2,.8,.3,1)!important;}
.woocommerce ul.products li.product .button::before{content:none!important;}
.woocommerce ul.products li.product .button:hover{transform:translateY(-2px);background-size:0% 100%!important;color:#b07d00!important;box-shadow:0 8px 20px rgba(210,150,10,.22)!important;}
.woocommerce ul.products li.product .button:active{transform:translateY(0) scale(.99);}
/* AJAX loading */
.woocommerce ul.products li.product .button.loading{color:transparent!important;pointer-events:none;background-size:0% 100%!important;}
.woocommerce ul.products li.product .button.loading::after{content:""!important;position:absolute;top:50%;left:50%;width:17px;height:17px;margin:-8.5px 0 0 -8.5px;border:2.5px solid rgba(239,180,0,.28);border-top-color:#efb400;border-radius:50%;background:none!important;font-size:0!important;animation:pgSpin .55s linear infinite;}
/* Added */
.woocommerce ul.products li.product .button.added{background:linear-gradient(180deg,#1f9f57,#15803f)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important;}
.woocommerce ul.products li.product .button.added::after{content:" ✓"!important;font-weight:900;}
.woocommerce ul.products li.product .added_to_cart{display:inline-block;margin-top:9px;font-size:12.5px;font-weight:700;color:var(--pg-blue);}
.woocommerce ul.products li.product .added_to_cart:hover{color:var(--pg-gold);}
/* Stock line */
/* Reserve two lines: the preorder note ("Предварителна поръчка") wraps to two lines
   while "В наличност" is one, and the note sits below the button. Without a reserved
   height the shorter note lets its card's button ride one line higher, so a preorder
   card beside an in-stock card breaks the shared button baseline. */
.pg-stock{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:9px;min-height:38px;font-size:12.5px;font-weight:700;line-height:1.25;}
.pg-stock::before{content:"";width:9px;height:9px;border-radius:50%;}
.pg-stock-in{color:#12833f;}
.pg-stock-in::before{background:#17a552;}
.pg-stock-low{color:#b3610f;}
.pg-stock-low::before{background:#e8930c;}
.pg-stock-out{color:#b3271a;}
.pg-stock-out::before{background:#c0392b;}
/* 2-3 left → limited; exactly 1 left → urgent single-item warning. */
.pg-stock-limited{color:#b3610f;}
.pg-stock-limited::before{background:#e8930c;}
.pg-stock-last{color:#c0392b;font-weight:800;}
.pg-stock-last::before{display:none;}
.pg-stock-last svg{flex:none;color:#c0392b;}
/* On the product page, make the single-item warning a prominent alert box. */
.woocommerce div.product .pg-stock-last{background:#fdeceb;border:1px solid #f4c4bf;border-radius:10px;padding:10px 14px;}
/* 5-up grid */
.woocommerce ul.products{grid-template-columns:repeat(5,1fr);gap:26px;}
.pg-slider .products{gap:26px;}
.pg-slider .products li.product{flex:0 0 calc((100% - 4*26px)/5);}
@media(max-width:1200px){.woocommerce ul.products{grid-template-columns:repeat(4,1fr);}.pg-slider .products li.product{flex-basis:calc((100% - 3*26px)/4);}}
@media(max-width:900px){.woocommerce ul.products{grid-template-columns:repeat(3,1fr);}.pg-slider .products li.product{flex-basis:calc((100% - 2*26px)/3);}}
@media(max-width:640px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr);gap:16px;}.pg-slider .products{gap:16px;}.pg-slider .products li.product{flex-basis:calc((100% - 16px)/2);}}
/* Section headers */
.pg-sec-ic{display:none;}
.pg-sec-tag{display:none;}
.pg-section-title{font-family:'Montserrat',sans-serif;font-size:31px;font-weight:800;color:#12161d;letter-spacing:-.6px;}
.pg-sec-all{background:none;border:0;box-shadow:none;padding:0;color:#12161d;font-weight:700;font-size:14.5px;border-radius:0;border-bottom:2px solid transparent;}
.pg-sec-all:hover{background:none;color:var(--pg-navy);transform:none;box-shadow:none;border-bottom-color:var(--pg-gold);}

/* Category tab switcher */
.pg-tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap;}
.pg-tab{position:relative;background:none;border:0;padding:8px 14px;border-radius:999px;font-family:inherit;font-weight:700;font-size:14px;color:#6b7382;cursor:pointer;transition:color .16s,background .16s;white-space:nowrap;}
.pg-tab:hover{color:#12161d;background:#f2f4f7;}
.pg-tab.is-active{color:#b07d00;background:rgba(239,180,0,.12);}
.pg-tab.is-active::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;border-radius:2px;background:#efb400;}

/* Product grid: 10 items, 5 per row */
.pg-grid{position:relative;min-height:60px;transition:opacity .2s ease;}
.pg-grid.is-loading{opacity:.35;pointer-events:none;}
.pg-grid .woocommerce{width:100%;}
.pg-empty{padding:36px 0;text-align:center;color:var(--pg-grey);font-weight:600;}
.pg-sec-more{display:flex;justify-content:center;margin-top:26px;}
.pg-sec-more .pg-btn{text-transform:none;font-size:14px;padding:13px 34px;}

/* ============================================================
   RESPONSIVE
   ============================================================ */
/* Phone and tablet header:
   [burger] [logo] ... [account] [wishlist] [cart]
   [ full-width search ]
   The nav row is dropped; the menu lives in the drawer. */
/* Below this the header has no room to spell the number out; the pill collapses
   to its icon and still dials. */
@media(max-width:1240px){
  .pg-contact-num{display:none;}
  .pg-contact-phone{width:40px;padding:0;justify-content:center;}
}
@media(max-width:1000px){
  .pg-header-nav{display:none!important;}
  body.pg-stuck{padding-top:0;}
  /* The header sticks, so no body padding is needed */
  .pg-header{position:sticky;top:0;z-index:100;}
  .pg-burger-m{display:flex;flex:0 0 auto;order:1;margin-left:-6px;}
  .pg-brand{order:2;}
  .pg-header-right{order:3;margin-left:auto;}
  .pg-search{order:4;flex:1 1 100%;max-width:100%;}
  .pg-header-main-inner{flex-wrap:wrap;gap:12px;}
  /* Icons only; language and the sign-in menu move into the drawer */
  .pg-header-right .pg-lang{display:none;}
  .pg-auth{display:none;}
  .pg-honor-text{display:none;}
  /* With the label hidden, the desktop pill's asymmetric padding (11px/15px) left the
     badge off-centre. Collapse it to a centred round chip the size of the other utils. */
  .pg-honor{width:40px;height:40px;padding:0;gap:0;justify-content:center;border-radius:50%;}
  .pg-honor .pg-honor-shield{margin:0;align-items:center;justify-content:center;}
  .pg-honor .pg-honor-shield .pg-honor-badge{width:26px;}
  /* Social drops out, but contact and messages stay on ONE row — stacking them
     doubled the strip's height for the sake of a single icon. */
  .pg-social-top{display:none;}
  .pg-announce-inner{grid-template-columns:auto 1fr auto;}
  .pg-announce-msgs-wrap{grid-column:2;}
  /* The tabs sit in the summary column, which is now full width */
  .woocommerce div.product .woocommerce-tabs{margin-top:30px;}
  .pg-trust-grid{grid-template-columns:1fr 1fr;gap:18px;padding:24px 20px;}
  .pg-footer-cols{grid-template-columns:1fr 1fr;gap:34px;}
  .pg-blog-grid,.pg-blog-grid.pg-blog-count-2,.pg-blog-grid.pg-blog-count-3,.pg-blog-grid.pg-blog-count-4{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:782px){
  .pg-header .pg-logo-img{height:64px;}
  .pg-search input[type=search]{padding:11px 50px 11px 18px;font-size:14.5px;}
  /* hero */
  .pg-hero-nav{width:38px;height:38px;}
  .pg-hero-prev{left:10px;}
  .pg-hero-next{right:10px;}
  .pg-hero-dots{bottom:12px;}
  /* strip */
  .pg-announce{font-size:12px;}
  .pg-announce-msgs{height:36px;}
  .pg-announce-msg{white-space:normal;line-height:1.3;}
  /* sections */
  .pg-section{margin:38px 0;}
  .pg-section-title{font-size:24px;}
  .pg-sec-head{flex-wrap:wrap;gap:10px;align-items:flex-start;}
  /* tabs become a horizontal scroller instead of wrapping */
  .pg-tabs{flex-wrap:nowrap;overflow-x:auto;width:100%;gap:2px;padding-bottom:2px;
    scrollbar-width:none;-ms-overflow-style:none;}
  .pg-tabs::-webkit-scrollbar{display:none;}
  .pg-tab{padding:8px 12px;font-size:13.5px;}
  /* drawer */
  .pg-drawer{width:320px;}
}
@media(max-width:640px){
  /* Compact header */
  .pg-header-main-inner{gap:10px;padding:11px 14px;}
  .pg-header .pg-logo-img{height:54px;}
  .pg-burger-m{width:40px;height:40px;margin-left:-8px;}
  .pg-header-right{gap:4px;}
  .pg-contact{gap:0;}
  /* Only WhatsApp survives here — tapping it is what people actually do on a phone,
     and the number is still one tap away in the drawer and the footer. */
  .pg-contact-phone{display:none;}
  /* The arrows go too: with the strip auto-rotating, they were only stealing width
     from the message on the narrowest screens. */
  .pg-announce-nav{display:none;}
  .pg-header-utils{gap:4px;}
  .pg-header-utils .pg-util:not(.pg-honor):not(.pg-become){width:38px;height:38px;border:0;}
  .pg-cart{padding:0 6px;}
  /* sections */
  .pg-main{padding:24px 14px 42px;}
  .pg-section{margin:32px 0;}
  .pg-section-title{font-size:21px;}
  .pg-sec-all{font-size:13px;}
  .pg-sec-more{margin-top:20px;}
  .pg-sec-more .pg-btn{width:100%;text-align:center;padding:14px 20px;}
  /* newsletter stacks */
  .pg-newsletter{padding:38px 0;margin-top:46px;}
  .pg-nl-inner{gap:22px;}
  .pg-nl-row{flex-wrap:wrap;}
  .pg-nl-form input,.pg-nl-form .pg-btn-gold{flex:1 1 100%;height:50px;}
  /* Empty-state CTAs: one consistent, properly-sized button — not full-width, not tiny. */
  .pg-empty-mascot .pg-btn-gold,.pg-wl-empty .pg-btn-gold,.pg-empty .pg-btn-gold{flex:0 0 auto;width:auto;max-width:100%;height:50px;padding:0 32px;font-size:15px;}
  .pg-nl-note{text-align:center;padding:0;}
  /* trust + footer */
  .pg-trust{margin-top:46px;}
  .pg-trust-grid{grid-template-columns:1fr 1fr;gap:14px;padding:20px 16px;}
  .pg-trust-item{gap:10px;}
  .pg-trust-ic{width:38px;height:38px;}
  .pg-trust-ic svg{width:20px;height:20px;}
  .pg-trust-txt strong{font-size:13px;}
  .pg-trust-txt small{font-size:11.5px;}
  .pg-footer-cols{grid-template-columns:1fr 1fr;gap:26px;padding:40px 20px 32px;}
  .pg-footer-brand{grid-column:1 / -1;}
  .pg-footer .pg-footer-logo-img{height:58px;}
  .pg-footer-pay{justify-content:center;gap:12px;padding:18px 20px;}
  .pg-footer-pay .pg-pay-icons{justify-content:center;}
  .pg-footer-bottom{flex-direction:column;text-align:center;gap:12px;font-size:12.5px;}
  .pg-footer-legal{justify-content:center;gap:16px;}
  /* blog */
  .pg-blog-card h3{font-size:16.5px;}
  .pg-blog-excerpt{font-size:13.5px;}
  /* cards */
  .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:13.5px!important;min-height:2.6em;}
  /* No white-space:nowrap here: a nowrap label sets the grid item's min-content width
     and pushes the page out horizontally. */
  .woocommerce ul.products li.product .button{font-size:12.5px!important;padding:11px 8px!important;letter-spacing:0!important;}
  .woocommerce ul.products li.product .price{font-size:15.5px!important;gap:7px;}
  .woocommerce ul.products li.product .price del{font-size:12px;}
  .pg-card-actions{right:8px!important;padding-top:calc(100% - 92px);}
  .pg-card-actions button{width:36px;height:36px;}
  /* Touch: no hover, so keep the actions visible */
  .pg-stock{font-size:12px;}
}
@media(hover:none){
  .pg-card-actions button{opacity:1;transform:none;}
  .woocommerce ul.products li.product .button:hover{background-size:100% 100%!important;color:var(--pg-navy)!important;transform:none;}
}
@media(max-width:430px){
  .pg-blog-grid,.pg-blog-grid.pg-blog-count-2,.pg-blog-grid.pg-blog-count-3,.pg-blog-grid.pg-blog-count-4{grid-template-columns:1fr!important;}
  .pg-trust-grid{grid-template-columns:1fr;}
  .pg-footer-cols{grid-template-columns:1fr;text-align:left;}
  .pg-section-title{font-size:19px;}
  .pg-announce-inner{gap:4px;}
  .pg-announce{font-size:11.5px;}
}

/* ============================================================
   SHOP — faceted filters
   ============================================================ */
.pg-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:26px 0 4px;font-size:13px;color:#8a93a0;}
.pg-crumbs a{color:var(--pg-blue);font-weight:600;}
.pg-crumbs a:hover{color:var(--pg-navy);text-decoration:underline;}
.pg-crumb-sep{color:#c3cad4;}
.pg-crumb-current{color:#5b6675;font-weight:700;}
.pg-shop-head{padding:6px 0 22px;}
.pg-shop-head h1{font-size:34px;font-weight:800;letter-spacing:-.6px;color:#12161d;margin:0;}
.pg-shop-desc{margin-top:8px;color:var(--pg-grey);max-width:70ch;line-height:1.7;}

.pg-shop{display:grid;grid-template-columns:264px 1fr;gap:34px;align-items:start;padding-bottom:60px;position:relative;}
.pg-shop.is-loading .pg-shop-main{opacity:.45;pointer-events:none;}
.pg-shop-main{min-width:0;transition:opacity .2s ease;}

/* Sidebar */
.pg-shop-side{position:sticky;top:96px;}
.pg-side-head,.pg-side-foot{display:none;}
.pg-filters-toggle{display:none;}

.pg-filters-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px 12px;border-bottom:1px solid #eef1f5;margin-bottom:4px;}
.pg-filters-head strong{font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#6b7382;}
.pg-fclear{border:0;background:none;padding:0;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;color:var(--pg-blue,#0a5ec4);transition:color .14s;}
.pg-fclear:hover{color:var(--pg-navy);text-decoration:underline;}

.pg-facet{border-bottom:1px solid #eef1f5;}
.pg-facet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:15px 2px;border:0;background:none;cursor:pointer;
  font-family:inherit;font-size:14.5px;font-weight:800;color:#12161d;text-align:left;transition:color .14s;}
.pg-facet-head:hover{color:var(--pg-navy);}
.pg-facet-head svg{flex:none;color:#9aa3ae;transition:transform .2s ease;}
.pg-facet.is-open .pg-facet-head svg{transform:rotate(180deg);}
.pg-facet-body{display:none;padding:0 2px 16px;}
.pg-facet.is-open .pg-facet-body{display:block;}

.pg-fsearch{width:100%;box-sizing:border-box;height:38px;margin-bottom:10px;padding:0 13px;border:1px solid #e4e8ee;border-radius:9px;
  background:#f7f8fa;font-family:inherit;font-size:13.5px;color:#12161d;}
.pg-fsearch:focus{outline:none;background:#fff;border-color:var(--pg-gold);}

.pg-fopts{display:flex;flex-direction:column;gap:2px;max-height:264px;overflow-y:auto;}
.pg-fopts::-webkit-scrollbar{width:6px;}
.pg-fopts::-webkit-scrollbar-thumb{background:#dfe4ea;border-radius:6px;}
.pg-fopts-inline{flex-direction:row;flex-wrap:wrap;gap:6px;max-height:none;overflow:visible;}

.pg-fopt{display:flex;align-items:center;gap:9px;padding:7px 6px;border-radius:8px;cursor:pointer;transition:background .14s;}
.pg-fopt:hover{background:#f6f8fb;}
.pg-fopt input{position:absolute;opacity:0;width:0;height:0;}
.pg-fbox{flex:none;width:18px;height:18px;border:1.5px solid #d3d9e2;border-radius:5px;background:#fff;position:relative;transition:background .14s,border-color .14s;}
.pg-fbox::after{content:"";position:absolute;left:5px;top:1.5px;width:4px;height:9px;border:solid #fff;border-width:0 2.2px 2.2px 0;transform:rotate(45deg) scale(0);transition:transform .14s ease;}
.pg-fopt input:checked ~ .pg-fbox{background:var(--pg-navy);border-color:var(--pg-navy);}
.pg-fopt input:checked ~ .pg-fbox::after{transform:rotate(45deg) scale(1);}
.pg-fopt input:focus-visible ~ .pg-fbox{box-shadow:0 0 0 3px rgba(242,183,5,.35);}
.pg-flabel{flex:1;min-width:0;font-size:14px;color:#3c4654;line-height:1.35;}
.pg-fopt input:checked ~ .pg-flabel{color:#12161d;font-weight:700;}
.pg-fcount{flex:none;font-size:11.5px;font-weight:700;color:#9aa3ae;font-variant-numeric:tabular-nums;}
.pg-fopt.is-empty{opacity:.42;cursor:not-allowed;}
.pg-fopt.is-empty:hover{background:none;}
.pg-fopts-inline .pg-fopt{padding:6px 10px;border:1px solid #e6eaf0;border-radius:999px;}
.pg-fopts-inline .pg-fbox{display:none;}
.pg-fopts-inline .pg-fopt input:checked ~ .pg-flabel{color:var(--pg-navy);}
.pg-fopts-inline .pg-fopt:has(input:checked){border-color:var(--pg-navy);background:rgba(0,43,94,.06);}
.pg-fnone{margin:0;font-size:13.5px;color:#9aa3ae;}

/* Dual-handle range. Two stacked native inputs: only the thumbs take pointer
   events, so both handles stay grabbable across the whole track. */
.pg-range{padding:6px 2px 2px;}
.pg-range-vals{display:flex;justify-content:space-between;margin-bottom:12px;font-size:13.5px;font-weight:800;color:#12161d;font-variant-numeric:tabular-nums;}
.pg-range-track{position:relative;height:22px;}
.pg-range-track::before{content:"";position:absolute;top:9px;left:0;right:0;height:4px;border-radius:4px;background:#e4e8ee;}
.pg-range-fill{position:absolute;top:9px;height:4px;border-radius:4px;background:var(--pg-gold);}
.pg-range input[type=range]{position:absolute;top:0;left:0;width:100%;height:22px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none;}
.pg-range input[type=range]:focus{outline:none;}
.pg-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:18px;height:18px;border-radius:50%;
  background:#fff;border:2px solid var(--pg-gold);box-shadow:0 2px 6px rgba(20,30,60,.22);cursor:grab;}
.pg-range input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.08);}
.pg-range input[type=range]::-moz-range-thumb{pointer-events:auto;width:18px;height:18px;border-radius:50%;
  background:#fff;border:2px solid var(--pg-gold);box-shadow:0 2px 6px rgba(20,30,60,.22);cursor:grab;}
.pg-range input[type=range]::-moz-range-track{background:none;}
.pg-range input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(242,183,5,.35);}

/* Results header */
.pg-shop-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px;}
.pg-shop-count{font-size:14px;font-weight:700;color:#6b7382;font-variant-numeric:tabular-nums;}
.pg-sort-select{height:42px;padding:0 36px 0 14px;border:1px solid #e4e8ee;border-radius:11px;background:#fff no-repeat right 13px center;
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7382' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-size:14px;font-family:inherit;font-size:14px;font-weight:700;color:#12161d;cursor:pointer;-webkit-appearance:none;appearance:none;}
.pg-sort-select:focus{outline:none;border-color:var(--pg-gold);}
.pg-shop-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.pg-perpage{display:inline-flex;align-items:center;gap:8px;}
.pg-perpage-label{font-size:13px;font-weight:700;color:#6b7382;white-space:nowrap;}
.pg-perpage-select{height:42px;padding:0 34px 0 12px;border:1px solid #e4e8ee;border-radius:11px;background:#fff no-repeat right 12px center;
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7382' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-size:14px;font-family:inherit;font-size:14px;font-weight:700;color:#12161d;cursor:pointer;-webkit-appearance:none;appearance:none;}
.pg-perpage-select:focus{outline:none;border-color:var(--pg-gold);}
@media(max-width:560px){.pg-shop-controls{width:100%;}.pg-perpage{flex:1;}.pg-perpage-select,.pg-sort-select{flex:1;min-width:0;}}

/* Active-filter chips */
.pg-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px;}
.pg-chip{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-radius:999px;cursor:pointer;
  border:1px solid #e0e5ec;background:#f7f8fa;font-family:inherit;font-size:13px;font-weight:700;color:#12161d;transition:.15s;}
.pg-chip:hover{border-color:var(--pg-navy);background:#fff;}
.pg-chip svg{flex:none;color:#9aa3ae;}
.pg-chip:hover svg{color:var(--pg-navy);}
.pg-chip-clear{background:none;border-style:dashed;color:#6b7382;}
.pg-chip-clear:hover{color:var(--pg-navy);}

/* Empty state */
.pg-empty{padding:56px 24px;text-align:center;border-radius:18px;background:#f7f8fa;border:1px dashed #dde2ea;}
.pg-empty strong{display:block;font-size:18px;color:#12161d;margin-bottom:6px;}
.pg-empty p{margin:0 0 18px;color:#6b7382;}

/* Pagination */
/* pg-pager-btn, not pg-page: the page template already puts .pg-page on <main>,
   and a pagination button's height:42px was collapsing the whole account page
   onto the footer. */
.pg-pager{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:34px;}
.pg-pager-btn{min-width:42px;height:42px;padding:0 12px;border-radius:11px;cursor:pointer;border:1px solid #e4e8ee;background:#fff;
  font-family:inherit;font-size:14px;font-weight:800;color:#12161d;transition:.15s;font-variant-numeric:tabular-nums;}
.pg-pager-btn:hover{border-color:var(--pg-navy);}
.pg-pager-btn.is-current{background:var(--pg-navy);border-color:var(--pg-navy);color:#fff;}

/* The shop grid is 4-up beside the sidebar, not the 5-up of the home rows. */
.pg-shop .woocommerce ul.products,.pg-shop ul.products{grid-template-columns:repeat(4,1fr);}
@media(max-width:1200px){.pg-shop ul.products{grid-template-columns:repeat(3,1fr);}}
@media(max-width:820px){.pg-shop ul.products{grid-template-columns:repeat(2,1fr);}}

/* Phones: the sidebar becomes a sheet */
.pg-side-overlay{position:fixed;inset:0;z-index:130;background:rgba(2,14,33,.55);backdrop-filter:blur(2px);
  opacity:0;visibility:hidden;transition:opacity .26s,visibility .26s;}
body.pg-side-open .pg-side-overlay{opacity:1;visibility:visible;}
body.pg-side-open{overflow:hidden;}

@media(max-width:980px){
  .pg-shop{grid-template-columns:1fr;gap:0;}
  .pg-shop-head h1{font-size:27px;}

  .pg-filters-toggle{display:inline-flex;align-items:center;gap:8px;justify-self:start;width:max-content;height:44px;padding:0 18px;margin-bottom:16px;border-radius:999px;cursor:pointer;
    border:1px solid var(--pg-navy);background:var(--pg-navy);color:#fff;font-family:inherit;font-size:14px;font-weight:800;}
  .pg-filters-toggle:hover{filter:brightness(1.12);}

  .pg-shop-side{position:fixed;top:0;left:0;z-index:131;width:352px;max-width:88vw;height:100%;
    display:flex;flex-direction:column;background:#fff;box-shadow:0 0 60px rgba(0,10,30,.4);
    transform:translateX(-102%);transition:transform .3s cubic-bezier(.22,.61,.36,1);}
  body.pg-side-open .pg-shop-side{transform:none;}

  .pg-side-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:16px 18px;
    background:linear-gradient(180deg,#0a3a72,#022a56);color:#fff;}
  .pg-side-head strong{font-size:16px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;}
  .pg-side-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;cursor:pointer;
    background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;transition:.16s;}
  .pg-side-close:hover{background:rgba(242,183,5,.22);border-color:var(--pg-gold);color:var(--pg-gold);}

  .pg-filters{flex:1;overflow-y:auto;padding:6px 16px 10px;}
  .pg-filters-head{display:none;}

  .pg-side-foot{display:block;flex:none;padding:14px 16px;border-top:1px solid #eef1f5;box-shadow:0 -6px 20px rgba(20,30,60,.06);}
  .pg-side-apply{width:100%;}
}

@media(max-width:560px){
  .pg-shop-bar{gap:10px;}
  .pg-sort-select{flex:1;min-width:0;}
}

/* ============================================================
   ACCOUNT — login, register, dashboard, wishlist
   ============================================================ */

/* .pg-content is capped at 820px for reading. The account, wishlist and cart are
   layouts, not prose, so they get the full container. */
.woocommerce-account .pg-content,
.woocommerce-cart .pg-content,
.woocommerce-checkout .pg-content,
.page .pg-content:has(.pg-wishlist){max-width:none;}
.woocommerce .col2-set,.woocommerce-page .col2-set{display:block;width:auto;}
.woocommerce .col2-set::after,.woocommerce-page .col2-set::after{content:"";display:table;clear:both;}

/* Notices */
.woocommerce-notices-wrapper:empty{display:none;}
.woocommerce-message,.woocommerce-error,.woocommerce-info{
  list-style:none;margin:0 0 22px;padding:15px 18px;border-radius:13px;border:1px solid;
  font-size:14.5px;line-height:1.6;background:#f7f8fa;}
.woocommerce-message{border-color:#bfe6cd;background:#f1faf4;color:#166534;}
.woocommerce-error{border-color:#f3c8c3;background:#fdf3f2;color:#9b1c11;}
.woocommerce-error li{margin:0;}
.woocommerce-info{border-color:#c7dcf5;background:#f2f7fd;color:#0b4a8f;}
.woocommerce-message a,.woocommerce-error a,.woocommerce-info a{font-weight:700;text-decoration:underline;}

/* ---- Login / register ---- */
.pg-auth-page{display:grid;grid-template-columns:1fr 372px;gap:28px;align-items:start;margin-bottom:56px;}

.pg-auth-card{background:#fff;border:1px solid #eef1f5;border-radius:20px;box-shadow:0 10px 40px rgba(20,30,60,.06);overflow:hidden;}

.pg-auth-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;background:#f7f8fa;border-bottom:1px solid #eef1f5;}
.pg-auth-tab{padding:18px 10px;border:0;background:none;cursor:pointer;font-family:inherit;font-size:15px;font-weight:800;
  color:#8590a0;letter-spacing:.2px;transition:color .18s;}
.pg-auth-tab[aria-selected="true"]{color:#12161d;}
.pg-auth-ink{position:absolute;bottom:-1px;left:0;width:50%;height:3px;background:var(--pg-gold);
  transition:transform .28s cubic-bezier(.22,.61,.36,1);}
.pg-auth-page.is-register .pg-auth-ink{transform:translateX(100%);}

.pg-auth-panel{display:none;padding:30px 32px 32px;}
.pg-auth-page:not(.is-register) .pg-auth-panel[data-panel="login"]{display:block;}
.pg-auth-page.is-register .pg-auth-panel[data-panel="register"]{display:block;}
.pg-auth-panel form{margin:0;display:flex;flex-direction:column;gap:18px;}

.pg-field{margin:0;display:flex;flex-direction:column;}
.pg-field label{margin-bottom:8px;font-size:12.5px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:#6b7382;}
.pg-field label .required{color:#c0392b;border:0;text-decoration:none;}
.pg-field input,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select{width:100%;box-sizing:border-box;height:50px;padding:0 16px;border:1px solid #e4e8ee;border-radius:12px;
  background:#f7f8fa;font-family:inherit;font-size:15px;color:#12161d;transition:border-color .16s,background .16s,box-shadow .16s;}
.pg-field input:focus,
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus{outline:none;background:#fff;border-color:var(--pg-gold);box-shadow:0 0 0 3px rgba(242,183,5,.16);}
.pg-hint{margin-top:7px;font-size:12.5px;color:#98a1ad;}
.pg-hint-block{margin:0;padding:13px 15px;border-radius:11px;background:#f2f7fd;border:1px solid #c7dcf5;color:#0b4a8f;font-size:13.5px;}

/* Reveal-password. WooCommerce injects its own toggle; ours replaces it, so theirs
   is hidden outright rather than fought with. */
.pg-field .show-password-input{display:none!important;}
.pg-field .password-input{display:block;width:100%;}

.pg-field .pg-pass{position:relative;display:block;width:100%;}
.pg-field .pg-pass input{width:100%;padding-right:52px;}
/* Pinned to the input's own centre (50px tall → 25px), NOT to the wrapper's, which
   grows when the strength meter appears beneath the field. */
.pg-field .pg-pass-toggle{position:absolute;top:25px;right:7px;transform:translateY(-50%);
  display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;
  border:0;border-radius:10px;background:none;cursor:pointer;color:#98a1ad;
  transition:color .14s,background .14s;}
.pg-field .pg-pass-toggle:hover{color:var(--pg-navy);background:#eaeef4;}
.pg-field .pg-pass-toggle:focus-visible{outline:none;color:var(--pg-navy);box-shadow:0 0 0 3px rgba(242,183,5,.35);}
.pg-field .pg-pass-toggle svg{display:block;}
.pg-field .pg-pass-toggle .pg-eye-off{display:none;}
.pg-field .pg-pass-toggle.is-on{color:var(--pg-navy);}
.pg-field .pg-pass-toggle.is-on .pg-eye{display:none;}
.pg-field .pg-pass-toggle.is-on .pg-eye-off{display:block;}

/* Password strength meter */
.woocommerce-password-strength{margin-top:10px;padding:9px 13px;border-radius:10px;border:1px solid;
  font-size:12.5px;font-weight:800;text-align:left;letter-spacing:.2px;}
.woocommerce-password-strength.short,.woocommerce-password-strength.bad{background:#fdf3f2;border-color:#f3c8c3;color:#9b1c11;}
.woocommerce-password-strength.good{background:#fff8e8;border-color:#f2ddab;color:#8a5a00;}
.woocommerce-password-strength.strong{background:#f1faf4;border-color:#bfe6cd;color:#166534;}
.woocommerce-password-hint{display:block;margin-top:8px;font-size:12.5px;line-height:1.6;color:#98a1ad;}

.pg-auth-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.pg-check{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-size:14px;color:#3c4654;}
.pg-check input{position:absolute;opacity:0;width:0;height:0;}
.pg-check input:checked ~ .pg-fbox{background:var(--pg-navy);border-color:var(--pg-navy);}
.pg-check input:checked ~ .pg-fbox::after{transform:rotate(45deg) scale(1);}
.pg-auth-lost{font-size:13.5px;font-weight:700;color:var(--pg-blue,#0a5ec4);}
.pg-auth-lost:hover{color:var(--pg-navy);text-decoration:underline;}

/* The privacy line WooCommerce prints on the register form */
.woocommerce-privacy-policy-text{font-size:12.5px;color:#98a1ad;line-height:1.6;}
.woocommerce-privacy-policy-text p{margin:0;}
.woocommerce-privacy-policy-text a{color:var(--pg-blue,#0a5ec4);text-decoration:underline;}

.pg-consent{align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.5;color:#3c4654;}
.pg-consent .pg-fbox{margin-top:1px;}
.pg-consent a{color:var(--pg-blue,#0a5ec4);text-decoration:underline;}
.pg-consent a:hover{color:var(--pg-navy);}
.pg-consent .required{color:#c0392b;border:0;text-decoration:none;}

/* button.button.pg-auth-submit, not just .pg-auth-submit: WooCommerce styles its
   buttons with .woocommerce button.button, which outranks a lone class and was
   painting this grey. */
.woocommerce button.button.pg-auth-submit,
.woocommerce input.button.pg-auth-submit,
.pg-auth-submit{display:inline-flex;align-items:center;justify-content:center;width:100%;height:52px;padding:0 26px;
  border:0;border-radius:999px;cursor:pointer;font-family:inherit;font-size:15.5px;font-weight:800;
  background:linear-gradient(180deg,#ffdd67,#e0a200);color:var(--pg-navy);box-shadow:0 6px 18px rgba(242,183,5,.32);transition:.18s;}
.woocommerce button.button.pg-auth-submit:hover,
.woocommerce input.button.pg-auth-submit:hover,
.pg-auth-submit:hover{background:linear-gradient(180deg,#ffdd67,#e0a200);filter:brightness(1.06);transform:translateY(-1px);color:var(--pg-navy);}

/* The pitch beside the form */
.pg-auth-aside{position:sticky;top:96px;padding:30px 28px;border-radius:20px;color:#e6eefb;
  background:linear-gradient(165deg,#0a3a72,#021c3c);box-shadow:0 14px 44px rgba(2,20,45,.28);}
.pg-auth-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--pg-gold);margin-bottom:12px;}
.pg-auth-aside h2{margin:0 0 10px;font-size:23px;line-height:1.25;color:#fff;letter-spacing:-.3px;}
.pg-auth-aside > p{margin:0 0 22px;font-size:14.5px;line-height:1.7;color:#a8c0dd;}
.pg-auth-perks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}
.pg-auth-perks li{position:relative;padding-left:26px;font-size:14.5px;line-height:1.5;color:#cfdcec;}
.pg-auth-perks li::before{content:"";position:absolute;left:0;top:6px;width:14px;height:8px;
  border-left:2.5px solid var(--pg-gold);border-bottom:2.5px solid var(--pg-gold);transform:rotate(-45deg);}
.pg-auth-perks strong{color:#fff;font-weight:800;}
.pg-auth-tiers{display:flex;flex-wrap:wrap;gap:6px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);}
.pg-auth-tier{padding:5px 12px;border-radius:999px;border:1px solid rgba(242,183,5,.4);background:rgba(242,183,5,.1);
  font-size:11.5px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:var(--pg-gold);}

/* ---- Lost password ---- */
.woocommerce-ResetPassword{max-width:520px;padding:30px 32px;background:#fff;border:1px solid #eef1f5;border-radius:20px;box-shadow:0 10px 40px rgba(20,30,60,.06);}
.woocommerce-ResetPassword > p:first-child{margin-top:0;color:#6b7382;line-height:1.7;}
.woocommerce-ResetPassword .form-row{margin:18px 0 0;}
.woocommerce-ResetPassword label{display:block;margin-bottom:8px;font-size:12.5px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:#6b7382;}
.woocommerce-ResetPassword .woocommerce-Button{width:100%;height:52px;border:0;border-radius:999px;cursor:pointer;
  font-family:inherit;font-size:15.5px;font-weight:800;background:linear-gradient(180deg,#ffdd67,#e0a200);color:var(--pg-navy);}

/* ---- Dashboard ----
   Keyed off body.logged-in, which WordPress adds. Scoping it to .woocommerce-account
   alone also caught the signed-out login page, where the 250px navigation column is
   empty and shoved the form 284px to the right.

   The columns are assigned by name, not left to source order: WooCommerce emits a
   .woocommerce-notices-wrapper as the first child, which silently ate the first cell
   and pushed the navigation into column two and the content onto a new row. It is
   never :empty either — there is a newline inside it. */
.logged-in.woocommerce-account .woocommerce{display:grid;grid-template-columns:250px minmax(0,1fr);gap:34px;align-items:start;margin-bottom:56px;}
.logged-in.woocommerce-account .woocommerce > .woocommerce-notices-wrapper{grid-column:1 / -1;grid-row:1;}
.logged-in.woocommerce-account .woocommerce-MyAccount-navigation{grid-column:1;grid-row:2;}
.logged-in.woocommerce-account .woocommerce-MyAccount-content{grid-column:2;grid-row:2;}
/* WooCommerce floats these and sizes them 30% / 68%. Inside the grid that made the
   menu 75px wide and the content two-thirds of its column. The grid owns the
   columns now, so the float and the percentages have to go. */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{float:none;width:auto;}

.woocommerce-MyAccount-navigation{position:sticky;top:96px;}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:6px;border:1px solid #eef1f5;border-radius:16px;background:#fff;
  box-shadow:0 6px 24px rgba(20,30,60,.05);display:flex;flex-direction:column;gap:2px;}
.woocommerce-MyAccount-navigation li{margin:0;}
.woocommerce-MyAccount-navigation li a{display:block;padding:12px 14px;border-radius:11px;color:#3c4654;font-size:14.5px;font-weight:700;transition:.14s;}
.woocommerce-MyAccount-navigation li a:hover{background:#f6f8fb;color:var(--pg-navy);}
.woocommerce-MyAccount-navigation li.is-active a{background:var(--pg-navy);color:#fff;}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a{color:#b3271a;}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a:hover{background:#fdf3f2;color:#9b1c11;}

.woocommerce-MyAccount-content{min-width:0;}
.woocommerce-MyAccount-content > p{color:#48525f;line-height:1.75;}
.woocommerce-MyAccount-content mark{background:rgba(242,183,5,.22);color:#12161d;padding:0 4px;border-radius:4px;font-weight:700;}

/* Tables (orders, order detail, addresses) */
.woocommerce table.shop_table{border:1px solid #eef1f5;border-radius:16px;border-collapse:separate;border-spacing:0;overflow:hidden;width:100%;margin:0;}
.woocommerce table.shop_table th{background:#f7f8fa;padding:14px 16px;font-size:12px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:#6b7382;text-align:left;border:0;}
.woocommerce table.shop_table td{padding:16px;border:0;border-top:1px solid #eef1f5;font-size:14.5px;color:#3c4654;}
.woocommerce table.shop_table tfoot th,.woocommerce table.shop_table tfoot td{background:#fbfcfd;border-top:1px solid #eef1f5;font-size:14px;text-transform:none;letter-spacing:0;}
.woocommerce table.shop_table tfoot tr:last-child th,.woocommerce table.shop_table tfoot tr:last-child td{font-size:16px;font-weight:800;color:#12161d;}
.woocommerce table.shop_table .button{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:999px;
  background:var(--pg-navy);color:#fff;font-size:13px;font-weight:800;border:0;}
.woocommerce table.shop_table .button:hover{filter:brightness(1.2);color:#fff;}
.woocommerce .woocommerce-orders-table__cell-order-actions .button{margin-right:6px;}

/* Order status pills. Semantic colour, separate from the gold accent. */
.pg-status,.woocommerce mark.order-status{display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;
  background:#eef1f5;color:#4a5563;font-size:11.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;line-height:1;}
.pg-status-completed,mark.order-status.status-completed{background:#e8f6ee;color:#166534;}
.pg-status-processing,mark.order-status.status-processing{background:#e7f0fd;color:#0b4a8f;}
.pg-status-on-hold,mark.order-status.status-on-hold{background:#fff5e0;color:#8a5a00;}
.pg-status-pending,mark.order-status.status-pending{background:#fff5e0;color:#8a5a00;}
.pg-status-cancelled,.pg-status-failed,mark.order-status.status-cancelled,mark.order-status.status-failed{background:#fdeceb;color:#9b1c11;}
.pg-status-refunded,mark.order-status.status-refunded{background:#f0eefc;color:#4c1d95;}

/* ---- Dashboard ---- */
.pg-acc-hello{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:26px;}
.pg-acc-hello h2{margin:0;font-size:29px;letter-spacing:-.6px;color:#12161d;}
.pg-acc-logout{font-size:13.5px;font-weight:700;color:#b3271a;}
.pg-acc-logout:hover{color:#9b1c11;text-decoration:underline;}
/* Single logout, appended under all account content. */
.pg-acc-logout-wrap{margin-top:30px;padding-top:22px;border-top:1px solid #eef1f5;}
.pg-acc-logout-btn{display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border-radius:999px;border:1px solid #f0d4d0;background:#fff;color:#b3271a;font-weight:800;font-size:14px;transition:.15s;}
.pg-acc-logout-btn:hover{background:#fdf3f2;color:#9b1c11;border-color:#e8b8b2;}
.pg-acc-logout-btn svg{flex:none;}
/* Orders (account) — a card per order with clear separation + game thumbnails. */
.pg-orders{display:flex;flex-direction:column;gap:14px;}
/* Thumbnails sit on their own row above the text — inline they pushed the copy
   right and knocked the cards out of alignment once an order had a few games. */
.pg-order-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px 16px;padding:16px 18px;border:1px solid #eef1f5;border-radius:16px;background:#fff;box-shadow:0 4px 16px rgba(20,30,60,.04);transition:.16s;text-decoration:none;color:inherit;}
.pg-order-card:hover{border-color:rgba(242,183,5,.5);box-shadow:0 12px 28px rgba(120,80,10,.1);transform:translateY(-2px);}
.pg-order-thumbs{grid-column:1/-1;display:flex;flex-wrap:wrap;row-gap:6px;}
.pg-order-thumb,.pg-order-more{width:46px;height:46px;border-radius:10px;overflow:hidden;border:2px solid #fff;box-shadow:0 2px 6px rgba(20,30,60,.14);margin-left:-12px;background:#f2f4f7;box-sizing:border-box;}
.pg-order-thumb:first-child{margin-left:0;}
.pg-order-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.pg-order-more{display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#5b6675;background:#eef1f5;}
.pg-order-body{grid-column:1;min-width:0;}
.pg-order-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:5px;}
.pg-order-no{font-weight:800;font-size:15px;color:#12161d;}
.pg-order-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:13.5px;color:#6b7382;}
.pg-order-meta strong{color:#12161d;font-weight:800;}
.pg-order-dot{opacity:.5;}
.pg-order-go{grid-column:2;color:#b9c2cd;}
.pg-order-card:hover .pg-order-go{color:var(--pg-gold);}
.pg-orders-nav{display:flex;justify-content:space-between;gap:12px;margin-top:20px;}
.pg-orders-nav .pg-page-btn{display:inline-flex;align-items:center;padding:11px 18px;border-radius:999px;border:1px solid #e4e8ee;background:#fff;color:var(--pg-navy);font-weight:700;font-size:14px;text-decoration:none;}
.pg-orders-nav .pg-page-btn:hover{border-color:var(--pg-gold);background:rgba(242,183,5,.08);}
@media(max-width:560px){
	.pg-order-card{gap:12px;padding:14px;}
	.pg-order-thumb,.pg-order-more{width:40px;height:40px;}
	.pg-order-go{display:none;}
}

.pg-acc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:30px;}
.pg-acc-stat{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:16px;background:#fff;border:1px solid #eef1f5;
  box-shadow:0 4px 18px rgba(20,30,60,.04);transition:border-color .16s,transform .16s;}
a.pg-acc-stat:hover{border-color:var(--pg-navy);transform:translateY(-2px);}
.pg-acc-stat-label{font-size:11.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#98a1ad;}
.pg-acc-stat strong{font-size:22px;font-weight:800;color:#12161d;letter-spacing:-.4px;}
.pg-acc-stat strong .woocommerce-Price-amount{font-size:22px;}

.pg-acc-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:14px;}
.pg-acc-head h3{margin:0;font-size:17px;color:#12161d;}
.pg-acc-head a{font-size:13.5px;font-weight:700;color:var(--pg-blue,#0a5ec4);}
.pg-acc-head a:hover{text-decoration:underline;}

.pg-acc-orders{margin-bottom:30px;}
.pg-acc-list{display:flex;flex-direction:column;gap:8px;}
.pg-acc-order{display:grid;grid-template-columns:auto 1fr auto auto auto 20px;align-items:center;gap:16px;
  padding:15px 18px;border-radius:14px;background:#fff;border:1px solid #eef1f5;transition:border-color .16s,box-shadow .16s;}
.pg-acc-order:hover{border-color:#d7dee7;box-shadow:0 4px 18px rgba(20,30,60,.06);}
.pg-acc-order-no{font-weight:800;color:#12161d;font-size:14.5px;font-variant-numeric:tabular-nums;}
.pg-acc-order-date{font-size:13.5px;color:#98a1ad;}
.pg-acc-order-items{font-size:13.5px;color:#6b7382;white-space:nowrap;}
.pg-acc-order-total{font-weight:800;color:#12161d;font-size:15px;white-space:nowrap;}
.pg-acc-order-go{color:#c3ccd8;display:flex;}
.pg-acc-order:hover .pg-acc-order-go{color:var(--pg-navy);}

.pg-acc-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.pg-acc-link{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:16px;background:#f7f8fa;border:1px solid #eef1f5;transition:.16s;}
.pg-acc-link:hover{background:#fff;border-color:var(--pg-navy);transform:translateY(-2px);}
.pg-acc-link strong{font-size:15px;color:#12161d;}
.pg-acc-link span{font-size:13.5px;color:#6b7382;}

/* ---- Rank hero (dashboard + loyalty tab) ----
   A circular ring loads to the shopper's progress while the Honor counts up.
   Everything animates from a resting state, so with JS off it simply shows the
   real values. */
.pgl-rank{position:relative;overflow:hidden;padding:26px 30px;border-radius:22px;margin-bottom:22px;color:#e6eefb;
  background:radial-gradient(120% 140% at 85% -20%,#0e4a8f 0%,#0a3a72 40%,#02152e 100%);
  box-shadow:0 18px 46px rgba(2,20,45,.3);}
/* A slow glow drifting behind the medallion, and a one-off shine sweep on reveal. */
.pgl-rank::before{content:"";position:absolute;top:-40%;left:-10%;width:60%;height:180%;pointer-events:none;
  background:radial-gradient(circle,rgba(242,183,5,.16),transparent 62%);filter:blur(6px);}
.pgl-rank::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.14) 48%,transparent 62%);}
.pgl-rank.is-lit::after{animation:pglSheen 1.1s ease .15s 1;}
@keyframes pglSheen{from{opacity:0;transform:translateX(-60%)}30%{opacity:1}to{opacity:0;transform:translateX(60%)}}

.pgl-rank-hero{display:flex;align-items:center;gap:28px;}

/* Medallion + progress ring */
.pgl-medallion{position:relative;flex:none;width:124px;height:124px;}
.pgl-ring{width:124px;height:124px;transform:rotate(-90deg);}
.pgl-ring-track{fill:none;stroke:rgba(255,255,255,.12);stroke-width:8;}
.pgl-ring-fill{fill:none;stroke:url(#pgl-ring-grad);stroke-width:8;stroke-linecap:round;
  filter:drop-shadow(0 0 5px rgba(242,183,5,.55));transition:stroke-dashoffset 1.3s cubic-bezier(.22,.61,.36,1);}
.pgl-medallion-core{position:absolute;inset:14px;border-radius:50%;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:2px;
  background:radial-gradient(circle at 50% 30%,#0d3a70,#04203f);box-shadow:inset 0 0 0 1px rgba(242,183,5,.28),inset 0 6px 16px rgba(0,0,0,.35);}
.pgl-medallion-shield{color:var(--pg-gold);line-height:0;}
.pgl-medallion-shield .pgl-medallion-badge{height:46px;width:auto;display:block;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35));}
.pgl-medallion-pct{font-size:15px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.3px;}

.pgl-rank-info{min-width:0;flex:1;}
.pgl-rank-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--pg-gold);margin-bottom:5px;}
.pgl-rank-name{margin:0 0 8px;font-size:clamp(26px,3vw,34px);letter-spacing:-.6px;color:#fff;line-height:1;}
.pgl-honor-num{display:flex;align-items:baseline;gap:8px;margin-bottom:10px;}
.pgl-honor-num .pgl-count{font-size:26px;font-weight:800;color:var(--pg-gold);font-variant-numeric:tabular-nums;letter-spacing:-.4px;}
.pgl-honor-num small{font-size:11.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#8fabcd;}
.pgl-rank-next{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0;font-size:14px;color:#a8c0dd;}
.pgl-rank-next strong{color:#fff;font-weight:800;}
.pgl-rank-more{font-size:13.5px;font-weight:700;color:var(--pg-gold);white-space:nowrap;}
.pgl-rank-more:hover{color:#fff;}

@media(prefers-reduced-motion:reduce){
  .pgl-ring-fill{transition:none;}
  .pgl-rank.is-lit::after{animation:none;}
}
@media(max-width:560px){
  /* Compact horizontal card on phones (was a tall stacked column). */
  .pgl-rank-hero{flex-direction:row;text-align:left;gap:15px;align-items:center;}
  .pgl-medallion,.pgl-ring{width:84px;height:84px;}
  .pgl-medallion-shield .pgl-medallion-badge{height:32px;}
  .pgl-rank-name{font-size:21px;margin-bottom:5px;}
  .pgl-honor-num{margin-bottom:6px;}
  .pgl-honor-num .pgl-count{font-size:20px;}
  .pgl-rank-next{font-size:12.5px;gap:8px;}
}

.pgl-levelup{display:flex;flex-direction:column;gap:2px;margin-bottom:20px;padding:15px 18px;border-radius:14px;
  background:linear-gradient(180deg,#ffdd67,#e0a200);color:var(--pg-navy);box-shadow:0 6px 20px rgba(242,183,5,.32);}
.pgl-levelup strong{font-size:16px;font-weight:800;letter-spacing:.3px;}
.pgl-levelup span{font-size:13.5px;opacity:.82;}

/* ---- Loyalty tab ---- */
.pgl-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:30px;}
.pgl-card{display:flex;flex-direction:column;gap:5px;padding:20px;border-radius:16px;background:#fff;border:1px solid #eef1f5;}
.pgl-card-label{font-size:11.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#98a1ad;}
.pgl-card-value{font-size:26px;font-weight:800;color:#12161d;letter-spacing:-.5px;}
.pgl-card-value .woocommerce-Price-amount{font-size:26px;color:#12161d;}
.pgl-card-note{font-size:12.5px;color:#98a1ad;line-height:1.55;}

.pgl-ladder{margin-bottom:34px;}
.pgl-ladder h3,.pgl-history h3{margin:0 0 14px;font-size:17px;color:#12161d;}
.pgl-history h3{margin-top:30px;}
.pgl-ladder-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.pgl-tier{padding:18px 20px;border-radius:16px;background:#fff;border:1px solid #eef1f5;opacity:.72;transition:.18s;}
.pgl-tier.is-reached{opacity:1;}
.pgl-tier.is-current{border-color:var(--pg-gold);background:#fffdf6;box-shadow:0 0 0 1px var(--pg-gold),0 8px 26px rgba(242,183,5,.14);}
.pgl-tier-head{display:flex;align-items:center;gap:9px;margin-bottom:3px;}
.pgl-tier-head strong{font-size:16.5px;color:#12161d;letter-spacing:-.2px;}
.pgl-tier-badge{padding:4px 9px;border-radius:999px;background:var(--pg-gold);color:var(--pg-navy);
  font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;line-height:1;}
.pgl-tier-badge-done{background:#e8f6ee;color:#166534;}
.pgl-tier-req{display:block;margin-bottom:11px;font-size:12.5px;font-weight:700;color:#98a1ad;}
.pgl-tier-perks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;}
.pgl-tier-perks li{position:relative;padding-left:20px;font-size:13.5px;line-height:1.5;color:#5b6675;}
.pgl-tier-perks li::before{content:"";position:absolute;left:0;top:5px;width:10px;height:6px;
  border-left:2px solid var(--pg-gold);border-bottom:2px solid var(--pg-gold);transform:rotate(-45deg);}

.pgl-scroll{overflow-x:auto;}
.pgl-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #eef1f5;border-radius:16px;overflow:hidden;}
.pgl-table th{background:#f7f8fa;padding:12px 16px;text-align:left;font-size:11.5px;font-weight:800;letter-spacing:.7px;
  text-transform:uppercase;color:#6b7382;white-space:nowrap;}
.pgl-table td{padding:13px 16px;border-top:1px solid #eef1f5;font-size:14px;color:#3c4654;}
.pgl-num{font-weight:800;color:#12161d;font-variant-numeric:tabular-nums;white-space:nowrap;}
.pgl-num.is-plus{color:#166534;}
.pgl-num.is-minus{color:#9b1c11;}
.pgl-pill{display:inline-flex;padding:4px 10px;border-radius:999px;background:#eef1f5;color:#4a5563;
  font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;line-height:1;}
.pgl-pill-earn{background:#e8f6ee;color:#166534;}
.pgl-pill-redeem{background:#e7f0fd;color:#0b4a8f;}
.pgl-pill-expire{background:#eef1f5;color:#6b7382;}
.pgl-pill-reverse{background:#fdeceb;color:#9b1c11;}
.pgl-none{margin:0;padding:22px;border-radius:14px;background:#f7f8fa;border:1px dashed #dde2ea;color:#6b7382;font-size:14px;text-align:center;}

/* ---- Addresses / edit account ---- */
.woocommerce-Addresses{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:4px;}
.woocommerce-Address{padding:22px;border-radius:18px;background:#fff;border:1px solid #eef1f5;box-shadow:0 4px 18px rgba(20,30,60,.04);}
.woocommerce-Address-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
.woocommerce-Address-title h2,.woocommerce-Address-title h3{margin:0;font-size:16px;color:#12161d;}
.woocommerce-Address-title .edit{font-size:13px;font-weight:700;color:var(--pg-blue,#0a5ec4);}
.woocommerce-Address address{font-style:normal;font-size:14.5px;line-height:1.75;color:#5b6675;}
.woocommerce-EditAccountForm{max-width:640px;}
.woocommerce-EditAccountForm fieldset{margin:26px 0 0;padding:20px;border:1px solid #eef1f5;border-radius:16px;background:#f9fafb;}
.woocommerce-EditAccountForm legend{padding:0 8px;font-size:14px;font-weight:800;color:#12161d;}
.woocommerce form .form-row{margin:0 0 16px;}
.woocommerce form .form-row label{display:block;margin-bottom:8px;font-size:12.5px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:#6b7382;}
.woocommerce .button.woocommerce-Button{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 30px;
  border:0;border-radius:999px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:800;
  background:linear-gradient(180deg,#ffdd67,#e0a200);color:var(--pg-navy);box-shadow:0 6px 18px rgba(242,183,5,.3);}
.woocommerce .button.woocommerce-Button:hover{filter:brightness(1.06);color:var(--pg-navy);}

/* ---- Mini-cart side drawer ---- */
/* The "View cart" link WooCommerce appends after an AJAX add is redundant now that
   the drawer opens — hide it in the loops. */
.woocommerce ul.products li.product .added_to_cart{display:none!important;}

.pg-minicart-overlay{position:fixed;inset:0;z-index:140;background:rgba(2,14,33,.55);backdrop-filter:blur(2px);
  opacity:0;visibility:hidden;transition:opacity .28s,visibility .28s;}
body.pg-minicart-open .pg-minicart-overlay{opacity:1;visibility:visible;}
body.pg-minicart-open{overflow:hidden;}

.pg-minicart{position:fixed;top:0;right:0;z-index:141;display:flex;flex-direction:column;
  width:400px;max-width:92vw;height:100%;background:#fff;box-shadow:0 0 60px rgba(0,10,30,.4);
  transform:translateX(102%);transition:transform .32s cubic-bezier(.22,.61,.36,1);}
body.pg-minicart-open .pg-minicart{transform:none;}
.pg-minicart.is-busy{opacity:.6;pointer-events:none;}

.pg-minicart-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:18px 20px;border-bottom:1px solid #eef1f5;}
.pg-minicart-head strong{font-size:17px;color:#12161d;letter-spacing:.2px;}
.pg-minicart-count{color:var(--pg-grey);font-weight:700;}
.pg-minicart-close{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;
  border:1px solid #e6eaf0;background:#f7f8fa;color:#5b6675;cursor:pointer;transition:.16s;}
.pg-minicart-close:hover{background:#12161d;border-color:#12161d;color:#fff;}

.pg-minicart-inner{flex:1;display:flex;flex-direction:column;min-height:0;}
.pg-minicart-items{flex:1;overflow-y:auto;padding:8px 12px;}

.pg-mc-item{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:14px 8px;border-bottom:1px solid #f1f3f7;}
.pg-mc-thumb{display:block;width:64px;height:64px;border-radius:10px;overflow:hidden;background:#f7f8fa;border:1px solid #eef1f5;}
.pg-mc-thumb img{width:100%;height:100%;object-fit:contain;display:block;}
.pg-mc-body{min-width:0;}
.pg-mc-name{display:block;font-size:14px;font-weight:700;color:#12161d;line-height:1.35;margin-bottom:8px;
  overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.pg-mc-name:hover{color:var(--pg-navy);}
.pg-mc-row{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.pg-mc-qty{display:inline-flex;align-items:center;border:1px solid #e4e8ee;border-radius:999px;overflow:hidden;background:#f7f8fa;}
.pg-mc-qty button{width:30px;height:30px;border:0;background:none;cursor:pointer;color:#5b6675;font-size:17px;line-height:1;transition:.14s;}
.pg-mc-qty button:hover{background:#eaeef4;color:#12161d;}
.pg-mc-q{min-width:26px;text-align:center;font-weight:800;font-size:14px;color:#12161d;font-variant-numeric:tabular-nums;}
.pg-mc-price{font-weight:800;color:#12161d;font-size:14.5px;white-space:nowrap;}
.pg-mc-remove{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;
  border:0;background:none;color:#b3271a;cursor:pointer;transition:.14s;}
.pg-mc-remove:hover{background:#fdeceb;}

.pg-minicart-foot{flex:0 0 auto;padding:16px 20px 20px;border-top:1px solid #eef1f5;background:#fbfcfd;box-shadow:0 -6px 20px rgba(20,30,60,.05);}
.pg-mc-subtotal{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:4px;}
.pg-mc-subtotal span{font-size:14px;color:#6b7382;}
.pg-mc-subtotal strong{font-size:20px;color:#12161d;font-weight:800;}
.pg-mc-subtotal strong .woocommerce-Price-amount{font-size:20px;}
.pg-mc-note{margin:0 0 14px;font-size:12.5px;color:#98a1ad;}
.pg-mc-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.pg-mc-actions .pg-btn-gold,.pg-mc-actions .pg-btn-ghost{height:50px;padding:0 14px;font-size:14.5px;}

.pg-minicart-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 24px;}
.pg-minicart-empty .pg-mascot{width:170px;margin-bottom:10px;}
.pg-minicart-empty strong{font-size:18px;color:#12161d;margin-bottom:6px;}
.pg-minicart-empty p{margin:0 0 20px;color:#6b7382;font-size:14px;}

@media(max-width:480px){
  .pg-mc-actions{grid-template-columns:1fr;}
}

/* ---- Mascot + empty states ---- */
.pg-mascot{display:block;height:auto;filter:drop-shadow(0 18px 30px rgba(4,20,40,.18));}
.pg-empty-mascot{display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:44px 24px 48px;border-radius:22px;background:#f7f8fa;border:1px solid #eef1f5;}
.pg-empty-mascot .pg-mascot{width:200px;margin-bottom:6px;animation:pgBob 4.5s ease-in-out infinite;}
.pg-empty-mascot strong{font-size:22px;color:#12161d;letter-spacing:-.4px;margin-bottom:8px;}
.pg-empty-mascot p{margin:0 auto 22px;max-width:44ch;color:#6b7382;line-height:1.7;}
@keyframes pgBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(prefers-reduced-motion:reduce){.pg-empty-mascot .pg-mascot{animation:none;}}

.pg-cart-empty{margin:20px 0 40px;}
/* The classic cart also prints its own "cart is empty" info notice above our
   mascot block — one message is enough. */
.woocommerce:has(.pg-cart-empty) .woocommerce-info{display:none;}

/* ---- Cart + checkout (classic) ----
   We switched off the block cart/checkout so template overrides and the invoice
   fields work; these dress the classic markup to match the rest of the site. */
.woocommerce-cart .woocommerce,.woocommerce-checkout .woocommerce{margin-bottom:56px;}

/* Cart: items on the left, sticky summary on the right (Zatu / Gameslore style). */
.pg-cart-layout .pg-cart-items{min-width:0;}
/* Pre-order note drops to its own line under the product name (not glued to it). */
.woocommerce-cart td.product-name .pg-pre-note{display:flex;width:max-content;max-width:100%;margin:8px 0 0;}
/* Actions row: continue-shopping on the left, update symmetrically on the right —
   one line (nowrap), never stacked. */
.woocommerce-cart td.actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:nowrap;}
.woocommerce-cart td.actions .button{flex:0 0 auto;white-space:nowrap;}
.pg-continue-shopping{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:13.5px;color:var(--pg-navy);white-space:nowrap;transition:.16s;}
.pg-continue-shopping:hover{color:var(--pg-gold);}
.pg-continue-shopping svg{flex:none;}
/* Time2Play row order: name flush-left on its own line, remove (×) at the far right. */
.woocommerce-cart table.cart td.product-name{text-align:left;vertical-align:middle;}
.woocommerce-cart table.cart td.product-name > a{color:var(--pg-navy);font-weight:700;}
.woocommerce-cart table.cart th.product-name{text-align:left;}
.woocommerce-cart table.cart td.product-price,
.woocommerce-cart table.cart td.product-quantity,
.woocommerce-cart table.cart td.product-subtotal{text-align:center;vertical-align:middle;}
.woocommerce-cart table.cart td.product-remove{text-align:right;vertical-align:middle;width:52px;padding-left:6px;}
@media(max-width:768px){
  /* Stacked mobile card: the × goes back to the top-right corner of the item. */
  .woocommerce-cart table.cart td.product-remove{position:absolute;top:12px;right:12px;width:auto;padding:0;}
  .woocommerce-cart table.cart tr.woocommerce-cart-form__cart-item{position:relative;}
}
.pg-cart-layout .cart-collaterals{float:none;width:100%;margin:0;}
.pg-cart-layout .cart-collaterals .cart_totals{float:none;width:100%;}
.pg-cart-layout .cart-collaterals .cross-sells{float:none;width:100%;margin-top:26px;}
@media(min-width:981px){
  .pg-cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:36px;align-items:start;}
  .pg-cart-layout .cart-collaterals{position:sticky;top:96px;}
}
.woocommerce a.remove{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;
  border-radius:50%;color:#b3271a!important;font-size:16px;line-height:1;background:#fdeceb;text-decoration:none;transition:.14s;}
.woocommerce a.remove:hover{background:#b3271a;color:#fff!important;}
.woocommerce table.cart img{width:56px;height:56px;border-radius:10px;object-fit:cover;}
@media(max-width:768px){
  /* WooCommerce hides the thumbnail on the stacked mobile cart — bring it back,
     centred at the top of each item card. */
  .woocommerce-cart table.cart td.product-thumbnail{display:flex!important;justify-content:center;padding:20px 16px 6px;border-top:0;}
  .woocommerce-cart table.cart td.product-thumbnail::before{display:none!important;}
  .woocommerce-cart table.cart td.product-thumbnail a{display:block;}
  .woocommerce-cart table.cart td.product-thumbnail img{width:110px;height:110px;margin:0;}
  .woocommerce-cart table.cart td.product-name{border-top:0;}
}
.woocommerce .quantity .qty{width:72px;height:44px;border:1px solid #e4e8ee;border-radius:10px;background:#f7f8fa;
  text-align:center;font-family:inherit;font-weight:700;color:#12161d;}
.woocommerce .quantity .qty:focus{outline:none;border-color:var(--pg-gold);background:#fff;}

/* Coupon / update row */
.woocommerce .cart .actions{padding:16px;}
.woocommerce .coupon .input-text{height:46px;border:1px solid #e4e8ee;border-radius:10px;padding:0 14px;background:#f7f8fa;
  font-family:inherit;font-size:14.5px;}
.woocommerce .cart .button,.woocommerce .actions .button{height:46px;padding:0 18px;border:0;border-radius:999px;cursor:pointer;
  background:var(--pg-navy);color:#fff;font-family:inherit;font-weight:800;font-size:13.5px;transition:.16s;}
.woocommerce .cart .button:hover,.woocommerce .actions .button:hover{filter:brightness(1.2);color:#fff;}
.woocommerce .cart .button[disabled]{opacity:.5;cursor:default;}

/* Cart totals + the proceed / place-order buttons — gold, not the WC purple. */
.cart_totals,.woocommerce-checkout-review-order{border:1px solid #eef1f5;border-radius:18px;overflow:hidden;background:#fff;}
.cart_totals h2,.woocommerce-checkout h3#order_review_heading{font-size:18px;color:#12161d;margin:0;padding:18px 20px 4px;}
.wc-proceed-to-checkout{padding:18px 20px 22px;}
.woocommerce #payment{background:#f9fafb;border-top:1px solid #eef1f5;padding:20px;}
.woocommerce #payment ul.payment_methods{list-style:none;margin:0 0 16px;padding:0;border:0;}
.woocommerce #payment ul.payment_methods li{margin:0 0 8px;padding:14px 16px;border:1px solid #e4e8ee;border-radius:12px;background:#fff;}
.woocommerce #payment div.payment_box{background:#f7f8fa;border-radius:10px;font-size:13.5px;color:#5b6675;}
.woocommerce #payment div.payment_box::before{display:none;}
.woocommerce a.checkout-button,
.woocommerce .wc-proceed-to-checkout .button.alt,
.woocommerce #place_order,
.woocommerce #payment #place_order{display:flex;align-items:center;justify-content:center;width:100%;height:54px;
  border:0!important;border-radius:999px!important;cursor:pointer;
  background:linear-gradient(180deg,#ffdd67,#e0a200)!important;color:var(--pg-navy)!important;
  font-family:inherit;font-weight:800!important;font-size:16px!important;text-shadow:none!important;
  box-shadow:0 8px 20px rgba(242,183,5,.32)!important;transition:.18s;}
.woocommerce a.checkout-button:hover,
.woocommerce #place_order:hover{filter:brightness(1.06);transform:translateY(-1px);color:var(--pg-navy)!important;}
.woocommerce-checkout #payment .place-order{padding:0;}

/* Checkout layout: form beside the sticky order summary on desktop. Explicit
   grid-areas, or auto-placement drops the review table into a second row far
   below the tall billing column. */
/* ---- Restructured checkout: stacked zones (left) + sticky summary (right) ---- */
.pg-co-grid{display:block;}
@media(min-width:981px){
  .pg-co-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;column-gap:36px;align-items:start;}
  /* The column stretches to the taller side and the place-order block is pushed to its
     very bottom, so the real button lands at the page's end while the floating FAB keeps
     it reachable during scroll (a tall sticky summary would otherwise hide the button). */
  .pg-co-side{align-self:stretch;display:flex;flex-direction:column;}
  .pg-co-side .pg-co-place-order{margin-top:auto;}
}
.pg-co-main{min-width:0;}
.pg-co-zone{background:#fff;border:1px solid #eef1f5;border-radius:16px;padding:22px 24px;margin:0 0 20px;box-shadow:0 4px 16px rgba(20,30,60,.04);}
.pg-co-zone-h{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:800;color:#12161d;margin:0 0 18px;letter-spacing:-.2px;}
.pg-co-zone-ic{display:inline-flex;width:34px;height:34px;border-radius:9px;background:rgba(242,183,5,.15);color:#c89b3c;align-items:center;justify-content:center;flex:none;}

/* Delivery-method radios */
.pg-co-ship{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.pg-co-ship-opt{border:1.5px solid #e4e8ee;border-radius:12px;background:#fff;transition:border-color .15s,box-shadow .15s,background .15s;}
.pg-co-ship-opt:has(input:checked){border-color:var(--pg-gold);background:#fffdf6;box-shadow:0 0 0 3px rgba(242,183,5,.14);}
.pg-co-ship-opt label{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;margin:0;}
.pg-co-ship-opt input{width:20px;height:20px;accent-color:var(--pg-navy);flex:none;margin:0;}
.pg-co-ship-ic{display:inline-flex;color:var(--pg-navy);flex:none;}
.pg-co-ship-name{font-weight:700;color:#12161d;font-size:14.5px;flex:1;}
.pg-co-ship-cost{font-weight:800;color:var(--pg-navy);font-size:14.5px;white-space:nowrap;}
.pg-co-ship-empty{color:var(--pg-grey);font-size:14px;margin:0;}
/* Speedy office/automat picker — revealed only when the office option is selected. */
.pg-speedy-locator{display:none;padding:2px 16px 15px;}
.pg-co-ship-office:has(input:checked) .pg-speedy-locator{display:block;}
.pg-speedy-locator > label{display:block;font-size:11.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#6b7382;margin:0 0 7px;}
.pg-speedy-locator input{width:100%;box-sizing:border-box;height:46px;border:1px solid #e4e8ee;border-radius:10px;padding:0 14px;background:#fbfcfd;font-family:inherit;font-size:14.5px;color:#12161d;transition:.15s;}
.pg-speedy-locator input:focus{outline:none;border-color:var(--pg-gold);background:#fff;box-shadow:0 0 0 3px rgba(242,183,5,.14);}
.pg-speedy-find{display:inline-block;margin-top:9px;font-size:13px;font-weight:700;color:#a5741f;text-decoration:none;}
.pg-speedy-find:hover{color:var(--pg-gold);text-decoration:underline;}
/* Place-order block moved into the sticky summary, under the totals + Honor row.
   Roomier padding + a hairline separator; tidy centred fine-print; a lock-marked CTA. */
.pg-co-side .pg-co-place-order{padding:22px 26px 26px;margin:16px 0 0;background:#fff;border:1px solid #eef1f5;border-radius:16px;box-shadow:0 10px 26px rgba(20,30,60,.07);}
.pg-co-side .pg-co-place-order .place-order{padding:0;}
/* Cashback option now sits above the summary (out of the sticky bar). */
.pg-co-side .pgl-cashback-block{margin:0 0 14px;}

/* Checkout "Добави забележка" collapsible under the contact fields. */
.pg-co-note{margin:16px 0 0;border:1px solid #e9ecf1;border-radius:12px;background:#fbfcfd;overflow:hidden;}
.pg-co-note > summary{display:flex;align-items:center;gap:9px;padding:14px 16px;cursor:pointer;list-style:none;font-weight:700;font-size:14px;color:var(--pg-navy);}
.pg-co-note > summary::-webkit-details-marker{display:none;}
.pg-co-note-plus{position:relative;width:15px;height:15px;flex:none;}
.pg-co-note-plus::before,.pg-co-note-plus::after{content:"";position:absolute;left:0;top:6.5px;width:15px;height:2px;background:var(--pg-gold);border-radius:2px;}
.pg-co-note-plus::after{left:6.5px;top:0;width:2px;height:15px;transition:opacity .2s;}
.pg-co-note[open] .pg-co-note-plus::after{opacity:0;}
.pg-co-note-txt{display:block;box-sizing:border-box;width:calc(100% - 32px);margin:0 16px 16px;border:1px solid #e4e8ee;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:14px;color:#12161d;background:#fff;resize:vertical;min-height:78px;}
.pg-co-note-txt:focus{outline:none;border-color:var(--pg-gold);box-shadow:0 0 0 3px rgba(242,183,5,.14);}

/* Cart: "Обнови" — small, quiet, right-aligned under the items. */
.woocommerce-cart table.cart tr.pg-cart-update td{border-top:0;padding:12px 0 2px;}
.pg-cart-update-cell{text-align:right;}
.pg-cart-update-btn{height:40px!important;padding:0 18px!important;font-size:13.5px!important;white-space:nowrap;
	margin:-6px 10px 0 0!important;/* nudged slightly left + up, out of the box corner */
	background:#fff!important;color:var(--pg-navy)!important;border:1px solid #e4e8ee!important;box-shadow:none!important;}
.pg-cart-update-btn:hover{border-color:var(--pg-gold)!important;background:#fffdf6!important;filter:none!important;}
.woocommerce-cart td.actions{padding:0!important;min-height:0;border-top:0;}

/* "Продължи пазаруването" in the summary, above the checkout button. */
.pg-cart-continue{display:inline-flex;align-items:center;gap:7px;margin:0 0 14px;font-weight:800;font-size:13.5px;color:var(--pg-navy);transition:.16s;}
.pg-cart-continue:hover{color:var(--pg-gold);}
.pg-cart-continue svg{flex:none;}

/* Pre-order warning on cart + checkout. */
.pg-preorder-warn{display:flex;align-items:flex-start;gap:12px;margin:0 0 24px;padding:15px 18px;border-radius:14px;
	background:#fdeceb;border:1px solid #f3c0ba;color:#a3271a;font-size:14.5px;line-height:1.55;}
.pg-preorder-warn svg{flex:none;color:#d9432f;margin-top:1px;}
.pg-preorder-warn strong{color:#8a1c11;}

/* Compact cart items on phones — 2-3 fully visible (Zatu-style). */
@media(max-width:768px){
  .woocommerce-cart table.cart{border:0;background:transparent;}
  .woocommerce-cart table.cart thead{display:none;}
  .woocommerce-cart table.cart tbody{display:block;}
  .woocommerce-cart table.cart tr.woocommerce-cart-form__cart-item{
    position:relative;display:grid!important;grid-template-columns:66px 1fr auto;
    grid-template-areas:"thumb name name" "thumb price qty";column-gap:12px;row-gap:6px;align-items:center;
    padding:12px 38px 12px 12px;margin:0 0 10px;border:1px solid #eef1f5;border-radius:14px;background:#fff;box-shadow:0 3px 12px rgba(20,30,60,.05);}
  .woocommerce-cart table.cart tr.woocommerce-cart-form__cart-item td{display:block!important;padding:0!important;border:0!important;text-align:left!important;}
  .woocommerce-cart table.cart tr.woocommerce-cart-form__cart-item td::before{display:none!important;}
  .woocommerce-cart table.cart td.product-thumbnail{grid-area:thumb;align-self:center;justify-content:flex-start!important;}
  .woocommerce-cart table.cart td.product-thumbnail img{width:66px!important;height:66px!important;border-radius:10px;margin:0;}
  .woocommerce-cart table.cart td.product-name{grid-area:name;font-weight:700;font-size:14px;line-height:1.35;}
  .woocommerce-cart table.cart td.product-price{grid-area:price;font-weight:800;color:var(--pg-navy)!important;font-size:15px;align-self:center;}
  .woocommerce-cart table.cart td.product-quantity{grid-area:qty;justify-self:end;align-self:center;}
  .woocommerce-cart table.cart td.product-quantity .qty{height:38px;width:64px;}
  .woocommerce-cart table.cart td.product-remove{position:absolute!important;top:8px;right:8px;width:auto!important;padding:0!important;}
  .woocommerce-cart table.cart tr.pg-cart-update td.pg-cart-update-cell{display:block;text-align:right;padding:4px 2px 10px;}
  .woocommerce-cart table.cart tr.pg-cart-update td.pg-cart-update-cell::before{display:none!important;}
}

/* Floating order dock — a compact navy "glass" pill in the bottom-right carrying the LIVE
   order total plus the gold CTA. It springs up while the real #place_order is off-screen
   and tucks back down as the real button scrolls into place. */
.pg-co-dock{position:fixed;right:26px;bottom:26px;z-index:400;display:flex;align-items:center;gap:18px;
  padding:11px 12px 11px 22px;border-radius:999px;box-sizing:border-box;
  background:linear-gradient(180deg,rgba(10,40,78,.97),rgba(3,22,48,.97));
  border:1px solid rgba(242,183,5,.4);
  box-shadow:0 20px 46px rgba(3,18,40,.46),inset 0 1px 0 rgba(255,255,255,.07);
  -webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);
  opacity:0;transform:translateY(28px) scale(.96);pointer-events:none;
  transition:opacity .3s ease,transform .5s cubic-bezier(.22,1.15,.36,1);}
.pg-co-dock.is-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}
.pg-co-dock-sum{display:flex;flex-direction:column;line-height:1.15;white-space:nowrap;}
.pg-co-dock-label{font-size:10px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:#8fa9c9;}
.pg-co-dock-total{font-family:'Montserrat',sans-serif;font-size:17px;font-weight:800;color:var(--pg-gold);}
.pg-co-dock-btn{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 20px;border:0;border-radius:999px;cursor:pointer;
  font-family:'Montserrat',sans-serif;font-weight:800;font-size:14px;letter-spacing:.5px;text-transform:uppercase;color:var(--pg-navy);
  background:linear-gradient(180deg,#ffdd67,#e0a200);
  box-shadow:0 6px 18px rgba(242,183,5,.42),inset 0 1px 0 rgba(255,255,255,.55);
  transition:transform .16s,filter .16s,box-shadow .22s;}
.pg-co-dock-btn:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 11px 28px rgba(242,183,5,.62),inset 0 1px 0 rgba(255,255,255,.55);}
.pg-co-dock-btn:active{transform:translateY(0) scale(.98);}
.pg-co-dock-btn svg{flex:none;}
.pg-co-dock-arrow{transition:transform .22s;}
.pg-co-dock-btn:hover .pg-co-dock-arrow{transform:translateX(3px);}
@media(max-width:700px){
  .pg-co-dock{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));
    gap:10px;padding:10px 10px 10px 18px;justify-content:space-between;}
  .pg-co-dock-total{font-size:16px;}
  .pg-co-dock-btn{padding:0 17px;font-size:13.5px;}
}
@media(prefers-reduced-motion:reduce){.pg-co-dock{transition:opacity .2s;transform:none;}.pg-co-dock.is-visible{transform:none;}}
.pg-co-side .woocommerce-privacy-policy-text,
.pg-co-side .pg-co-place-order > p{font-size:12px;line-height:1.65;color:#9098a3;margin:0 0 16px;padding:0 4px;text-align:center;}
.pg-co-side .woocommerce-privacy-policy-text a,
.pg-co-side .pg-co-place-order > p a{color:#a5741f;font-weight:600;text-decoration:underline;text-underline-offset:2px;}
.pg-co-side .woocommerce-privacy-policy-text a:hover,
.pg-co-side .pg-co-place-order > p a:hover{color:var(--pg-gold);}
.pg-co-side #place_order{height:56px;gap:9px;font-size:15.5px!important;text-transform:uppercase;letter-spacing:.6px;
  box-shadow:0 10px 24px rgba(242,183,5,.36),inset 0 1px 0 rgba(255,255,255,.55)!important;}
.pg-co-side #place_order::before{content:"";width:17px;height:17px;flex:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230D1B2A' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") center/contain no-repeat;}

/* Payment zone (now in the left column) */
.pg-co-zone-pay #payment{background:transparent!important;border:0!important;padding:0!important;}
.woocommerce #payment ul.payment_methods{list-style:none;margin:0 0 8px;padding:0;border:0;display:grid;gap:10px;}
.woocommerce #payment ul.payment_methods li{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0 16px;border:1.5px solid #e4e8ee;border-radius:12px;background:#fff;overflow:hidden;box-sizing:border-box;transition:border-color .15s,box-shadow .15s,background .15s;}
.woocommerce #payment ul.payment_methods li:has(input:checked){border-color:var(--pg-gold);background:#fffdf6;box-shadow:0 0 0 3px rgba(242,183,5,.14);}
.woocommerce #payment ul.payment_methods li input[type=radio]{width:20px;height:20px;accent-color:var(--pg-navy);margin:0 10px 0 0;flex:none;}
.woocommerce #payment ul.payment_methods li > label{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:14px 0;margin:0;font-weight:700;color:#12161d;font-size:14.5px;cursor:pointer;}
.woocommerce #payment ul.payment_methods li > label img{margin:0 0 0 auto;max-height:22px;}
.woocommerce #payment div.payment_box{flex-basis:100%;box-sizing:border-box;margin:0 0 14px;padding:12px 14px;background:#f7f8fa;border-radius:10px;font-size:13px;line-height:1.5;color:#5b6675;overflow-wrap:break-word;word-wrap:break-word;}
.woocommerce #payment div.payment_box::before{display:none;}
.woocommerce #payment div.payment_box p{margin:0;}
.woocommerce #payment .form-row.place-order{padding:14px 0 0;margin:0;}

/* Summary (right column) */
.pg-co-side h3#order_review_heading{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;color:#12161d;margin:0 0 14px;padding:0;}
.pg-co-side #order_review{background:#fff;border:1px solid #eef1f5;border-radius:16px;overflow:hidden;box-shadow:0 10px 26px rgba(20,30,60,.07);}
.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{width:100%;float:none;}
.woocommerce table.woocommerce-checkout-review-order-table{border:0;border-radius:0;margin:0;}
.woocommerce table.woocommerce-checkout-review-order-table th,
.woocommerce table.woocommerce-checkout-review-order-table td{background:#fff;}
.pg-ship-name{display:block;font-size:11.5px;font-weight:600;color:#8a93a0;text-transform:none;letter-spacing:0;}

/* Card payment fields (design placeholder) */
.pgl-card-desc{color:#5b6675;font-size:13px;margin:0 0 12px;}
/* minmax(0,1fr): a bare 1fr won't shrink below each input's intrinsic min-width, so the
   expiry|CVC row overflowed its box on phones and clipped the CVC + secure note. */
.pgl-card-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 14px;padding:2px 0;}
.pgl-card-full{grid-column:1 / -1;}
.pgl-card-row{margin:0;display:flex;flex-direction:column;gap:6px;min-width:0;}
.pgl-card-row label{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#6b7382;}
.pgl-card-row input{width:100%;box-sizing:border-box;height:46px;border:1px solid #e4e8ee;border-radius:10px;padding:0 14px;background:#fff;font-family:inherit;font-size:15px;color:#12161d;transition:.15s;}
.pgl-card-row input:focus{outline:none;border-color:var(--pg-gold);box-shadow:0 0 0 3px rgba(242,183,5,.14);}
.pgl-card-inp{position:relative;display:block;}
.pgl-card-inp input{width:100%;padding-right:78px;}
.pgl-card-brands{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;gap:5px;pointer-events:none;}
.pgl-card-secure{grid-column:1 / -1;display:flex;align-items:center;gap:6px;margin:0;font-size:12px;color:#8a93a0;}
.pgl-card-secure svg{color:#2E7D32;flex:none;}

/* ============================================================
   THANK-YOU / ORDER-RECEIVED
   ============================================================ */
.pg-thankyou{max-width:940px;margin:0 auto;}
/* Page title on the order-received page: centred, with a jewelled gold divider.
   Scoped to the woocommerce-order-received body class so other page titles are untouched. */
body.woocommerce-order-received .pg-page>article>h1{
	position:relative;text-align:center;font-family:'Montserrat',sans-serif;font-weight:800;
	text-transform:uppercase;letter-spacing:1.2px;font-size:34px;line-height:1.12;color:var(--pg-navy);
	margin:14px 0 32px;padding:0 0 26px;text-shadow:0 1px 0 rgba(255,255,255,.55);}
body.woocommerce-order-received .pg-page>article>h1::after{
	content:"";position:absolute;left:50%;bottom:9px;transform:translateX(-50%);
	width:190px;height:2px;border-radius:2px;
	background:linear-gradient(90deg,transparent,var(--pg-gold) 24%,#efb400 50%,var(--pg-gold) 76%,transparent);}
body.woocommerce-order-received .pg-page>article>h1::before{
	content:"";position:absolute;left:50%;bottom:4px;transform:translateX(-50%) rotate(45deg);
	width:12px;height:12px;border-radius:2px;background:linear-gradient(135deg,#ffe07a,#efb400);
	box-shadow:0 0 10px rgba(242,183,5,.6),0 1px 3px rgba(150,100,0,.4);}
.pg-ty-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:300px 1fr;align-items:center;gap:24px;
	padding:38px 46px 38px 24px;border-radius:24px;
	background:radial-gradient(135% 155% at 14% 0,#123a6b 0,#0b2650 44%,#06182f 100%);
	border:1px solid rgba(242,183,5,.5);
	box-shadow:0 26px 60px rgba(5,16,34,.44),0 0 0 1px rgba(242,183,5,.08),inset 0 1px 0 rgba(255,255,255,.07);}
/* Shimmer line along the top edge */
.pg-ty-hero::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;z-index:5;pointer-events:none;
	background:linear-gradient(90deg,transparent,rgba(242,183,5,.95),transparent);}
/* Faint star-field so the panel reads as a night sky */
.pg-ty-hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;z-index:1;
	background:
		radial-gradient(1.5px 1.5px at 22% 28%,rgba(255,255,255,.55),transparent),
		radial-gradient(1.5px 1.5px at 68% 18%,rgba(255,255,255,.4),transparent),
		radial-gradient(1.5px 1.5px at 86% 62%,rgba(255,255,255,.45),transparent),
		radial-gradient(1.5px 1.5px at 48% 82%,rgba(255,255,255,.32),transparent),
		radial-gradient(1.5px 1.5px at 34% 60%,rgba(255,255,255,.3),transparent);}

/* Mascot stage */
.pg-ty-mascot{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:256px;}
/* Slowly rotating gold god-rays */
.pg-ty-rays{position:absolute;z-index:0;left:50%;top:49%;width:350px;height:350px;transform:translate(-50%,-50%);pointer-events:none;
	background:repeating-conic-gradient(from 0deg,rgba(242,183,5,.15) 0deg 7deg,transparent 7deg 20deg);
	-webkit-mask-image:radial-gradient(circle,#000 0,#000 26%,transparent 66%);mask-image:radial-gradient(circle,#000 0,#000 26%,transparent 66%);
	animation:pgTyRays 30s linear infinite;}
/* Breathing gold glow disc */
.pg-ty-glow{position:absolute;z-index:0;left:50%;top:52%;width:300px;height:300px;transform:translate(-50%,-50%);pointer-events:none;
	background:radial-gradient(circle,rgba(242,183,5,.36) 0,rgba(242,183,5,.12) 40%,transparent 66%);
	animation:pgTyGlow 3.8s ease-in-out infinite;}
.pg-ty-pose{position:relative;z-index:2;width:252px;max-width:100%;height:auto;
	filter:drop-shadow(0 16px 24px rgba(0,0,0,.46)) drop-shadow(0 0 20px rgba(242,183,5,.24));
	animation:pgTyFloat 4.2s ease-in-out infinite;}
/* Twinkling 4-point sparkles */
.pg-ty-spark{position:absolute;z-index:3;width:15px;height:15px;pointer-events:none;
	background:radial-gradient(closest-side,#fff,#ffe08a 55%,rgba(255,224,138,0) 100%);
	clip-path:polygon(50% 0,59% 41%,100% 50%,59% 59%,50% 100%,41% 59%,0 50%,41% 41%);
	filter:drop-shadow(0 0 5px rgba(242,183,5,.9));animation:pgTyTwinkle 2.6s ease-in-out infinite;}
.pg-ty-spark-1{top:6%;left:63%;width:20px;height:20px;animation-delay:0s;}
.pg-ty-spark-2{top:22%;left:9%;animation-delay:.55s;}
.pg-ty-spark-3{top:68%;left:4%;width:11px;height:11px;animation-delay:1.15s;}
.pg-ty-spark-4{top:80%;left:80%;animation-delay:1.7s;}
.pg-ty-spark-5{top:42%;left:92%;width:11px;height:11px;animation-delay:.85s;}
@keyframes pgTyRays{to{transform:translate(-50%,-50%) rotate(360deg);}}
@keyframes pgTyGlow{0%,100%{opacity:.72;transform:translate(-50%,-50%) scale(1);}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08);}}
@keyframes pgTyFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-9px);}}
@keyframes pgTyTwinkle{0%,100%{opacity:.2;transform:scale(.6) rotate(0);}50%{opacity:1;transform:scale(1) rotate(40deg);}}
/* Speech bubble — top-right of the mascot, raised, with the tail on the LEFT pointing
   diagonally down-left toward the knight's head. */
.pg-ty-bubble{position:absolute;top:-16px;right:0;left:auto;z-index:4;
	font-family:'Montserrat',sans-serif;font-weight:800;font-size:15px;letter-spacing:.4px;color:var(--pg-navy);
	background:linear-gradient(180deg,#ffe07a,#efb400);padding:8px 15px;border-radius:14px;
	box-shadow:0 6px 16px rgba(0,0,0,.3);border:1px solid #d59a10;animation:pgTyPop .5s cubic-bezier(.2,.9,.3,1.5) both;}
.pg-ty-bubble::after{content:"";position:absolute;left:15px;right:auto;bottom:-11px;width:26px;height:16px;
	background:#efb400;clip-path:polygon(100% 0,42% 0,0 100%);}
.pg-ty-bubble--err{background:linear-gradient(180deg,#ffb3ab,#e2493b);border-color:#c0392b;color:#fff;}
.pg-ty-bubble--err::after{background:#e2493b;}
@keyframes pgTyPop{0%{opacity:0;transform:scale(.6) translateY(6px);}100%{opacity:1;transform:none;}}
@media(prefers-reduced-motion:reduce){.pg-ty-rays,.pg-ty-glow,.pg-ty-pose,.pg-ty-spark,.pg-ty-bubble{animation:none!important;}}
.pg-ty-body{position:relative;z-index:2;color:#eaf1fb;}
.pg-ty-eyebrow{display:inline-block;font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--pg-gold);margin-bottom:8px;}
.pg-ty-title{font-family:'Montserrat',sans-serif!important;font-weight:800!important;font-size:29px!important;line-height:1.12!important;letter-spacing:.3px;text-transform:uppercase;color:#fff!important;margin:0 0 12px!important;text-shadow:0 2px 10px rgba(0,0,0,.3);}
.pg-ty-sub{font-size:16px;line-height:1.55;color:#d6e2f2;margin:0 0 16px;}
.pg-ty-sub strong{color:var(--pg-gold);font-weight:800;letter-spacing:.5px;}
/* The dot is absolutely positioned so the text + link flow as one inline run —
   as flex items the link broke onto its own line with a gap before it. nowrap keeps
   "профила си" / "свържеш с нас" whole. */
.pg-ty-notes{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:9px;}
.pg-ty-notes li{position:relative;padding-left:18px;font-size:14px;line-height:1.55;color:#c3d2e6;}
.pg-ty-notedot{position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:var(--pg-gold);box-shadow:0 0 8px rgba(242,183,5,.6);}
.pg-ty-notes a{color:#fff;font-weight:700;white-space:nowrap;text-decoration:underline;text-decoration-color:rgba(242,183,5,.6);text-underline-offset:3px;transition:.15s;}
.pg-ty-notes a:hover{color:var(--pg-gold);text-decoration-color:var(--pg-gold);}
.pg-ty-actions{display:flex;flex-wrap:wrap;gap:12px;}
.pg-ty-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;
	font-family:'Montserrat',sans-serif;font-weight:800;font-size:14.5px;letter-spacing:.4px;text-transform:uppercase;
	color:var(--pg-navy)!important;background:linear-gradient(180deg,#ffd75e,#efb400);border:2px solid #efb400;border-radius:999px;
	padding:13px 30px;box-shadow:0 8px 20px rgba(210,150,10,.34);transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .2s,filter .15s;}
.pg-ty-cta:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 12px 26px rgba(210,150,10,.42);color:var(--pg-navy)!important;}
.pg-ty-ghost{display:inline-flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:800;font-size:14px;letter-spacing:.3px;text-transform:uppercase;
	color:#eaf1fb!important;background:transparent;border:1.5px solid rgba(242,183,5,.5);border-radius:999px;padding:12px 24px;transition:.18s;}
.pg-ty-ghost:hover{border-color:var(--pg-gold);background:rgba(242,183,5,.12);color:#fff!important;}
/* Order overview chips */
.pg-ty-overview.order_details{list-style:none;margin:20px 0 0!important;padding:0!important;
	display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;border:0!important;}
/* WooCommerce's .order_details clearfix ::before/::after would otherwise count as grid
   items and push the first chip into column two. */
.pg-ty-overview.order_details::before,.pg-ty-overview.order_details::after{content:none!important;display:none!important;}
.pg-ty-overview.order_details li{margin:0!important;padding:16px 18px!important;border:0!important;text-align:left!important;list-style:none!important;display:block;
	background:#fff;border:1px solid #eceef2!important;border-radius:14px;box-shadow:0 6px 16px rgba(20,30,60,.06);}
.pg-ty-overview.order_details li::before,.pg-ty-overview.order_details li::after{content:none!important;}
.pg-ty-ov-label{display:block;font-size:11px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:#98a1ad;margin-bottom:5px;}
.pg-ty-overview.order_details li strong{font-family:'Montserrat',sans-serif;font-weight:800;font-size:17px;color:var(--pg-navy);word-break:break-word;}
/* Order details table + gateway notes below */
.pg-thankyou .woocommerce-order-details,.pg-thankyou .woocommerce-customer-details{margin-top:34px;}
.pg-thankyou .woocommerce-order-details__title,.pg-thankyou .woocommerce-column__title{font-family:'Montserrat',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--pg-navy);font-size:18px;}
.pg-thankyou .woocommerce-notice,.pg-thankyou .woocommerce-thankyou-order-received{display:none;}
@media(max-width:720px){
	.pg-ty-hero{grid-template-columns:1fr;gap:6px;padding:28px 20px;text-align:center;}
	.pg-ty-mascot{min-height:216px;}
	.pg-ty-pose{width:200px;}
	.pg-ty-rays{width:288px;height:288px;}
	.pg-ty-glow{width:250px;height:250px;}
	.pg-ty-bubble{top:-12px;right:6px;left:auto;}
	.pg-ty-title{font-size:23px!important;}
	.pg-ty-sub{font-size:15px;}
	.pg-ty-notes li{text-align:left;}
	.pg-ty-actions{justify-content:center;}
	body.woocommerce-order-received .pg-page>article>h1{font-size:25px;margin:6px 0 24px;padding-bottom:22px;}
	body.woocommerce-order-received .pg-page>article>h1::after{width:150px;}
}

/* Order notes — nicer textarea + heading */
.woocommerce-additional-fields{margin-top:8px;}
.woocommerce-additional-fields h3{font-size:15px;font-weight:800;color:#12161d;margin:6px 0 12px;}
.woocommerce-additional-fields textarea{width:100%;min-height:92px;box-sizing:border-box;border:1px solid #e4e8ee;border-radius:12px;padding:12px 14px;background:#f7f8fa;font-family:inherit;font-size:14.5px;color:#12161d;resize:vertical;transition:.15s;}
.woocommerce-additional-fields textarea:focus{outline:none;border-color:var(--pg-gold);background:#fff;box-shadow:0 0 0 3px rgba(242,183,5,.14);}
/* The zone already says "Данни за доставка", so hide WooCommerce's own billing heading. */
.pg-co-zone .woocommerce-billing-fields > h3{display:none;}
.pg-co-zone #ship-to-different-address{font-size:15px;font-weight:800;color:#12161d;margin:8px 0 12px;}

/* Order summary: aligned product thumbnails with a quantity pip. */
.woocommerce-checkout-review-order-table .product-name{padding:12px 14px;vertical-align:middle;}
.pg-co-item{display:flex;align-items:center;gap:12px;}
.pg-co-thumb{position:relative;flex:none;width:48px;height:48px;border-radius:10px;overflow:hidden;background:#f2f4f7;border:1px solid #eef1f5;}
.pg-co-thumb img{width:100%;height:100%;object-fit:cover;display:block;margin:0;border-radius:0;}
.pg-co-qty{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;
  background:var(--pg-navy);color:#fff;font-size:11px;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.25);}
.pg-co-name{font-size:13.5px;font-weight:700;color:#2b3542;line-height:1.35;}
.woocommerce-checkout-review-order-table .product-total{white-space:nowrap;font-weight:800;color:#12161d;vertical-align:middle;text-align:right;}

/* Honor earned — a highlighted row in the totals. */
.pgl-honor-row th{color:var(--pg-navy);font-weight:800!important;text-transform:none!important;letter-spacing:0!important;font-size:13.5px!important;}
.pgl-honor-row th svg{vertical-align:-2px;margin-right:5px;color:var(--pg-gold);}
.pgl-honor-pts{display:inline-block;font-weight:800;color:var(--pg-navy);}
.pgl-honor-note{display:block;font-size:11px;font-weight:600;color:#8a93a0;margin-top:2px;}

/* Payment zone heading + cashback block. */
.pg-pay-heading{font-size:16px;font-weight:800;color:#12161d;margin:2px 0 12px;padding:0;}
.pgl-cashback-block{background:#FBF7EF;border:1px solid #e6ddca;border-radius:12px;padding:14px 16px;margin:0 0 16px;}
.pgl-cashback-bal{display:block;color:var(--pg-navy);margin-bottom:3px;}
.pgl-cashback-hint{color:#6b6b6b;font-size:13px;}
.pgl-cashback-toggle{display:flex;align-items:flex-start;gap:8px;margin-top:6px;cursor:pointer;font-size:14px;}
.pgl-cashback-toggle input{margin-top:3px;}

/* Ghost button, to pair with pg-btn-gold */
.pg-btn-ghost{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 26px;border-radius:999px;
  border:1px solid #d6dde6;background:#fff;color:#12161d;font-weight:800;font-size:15px;transition:.16s;}
.pg-btn-ghost:hover{border-color:var(--pg-navy);color:var(--pg-navy);transform:translateY(-1px);}

/* ---- 404 ----
   Two columns: mascot with the ghost "404" behind it on the left, the copy on the
   right. The ghost number is sized to FIT inside the left column — that is what
   stops it bleeding across the buttons or clipping into unreadable fragments. */
.pg-404{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:56px;align-items:center;
  padding:52px 20px 84px;}

.pg-404-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:360px;}
.pg-404-code{position:absolute;z-index:0;top:50%;left:50%;transform:translate(-50%,-50%);
  font-size:min(21vw,240px);font-weight:900;line-height:1;letter-spacing:-10px;white-space:nowrap;
  color:transparent;-webkit-text-stroke:2px #e5eaf1;text-stroke:2px #e5eaf1;user-select:none;pointer-events:none;}
.pg-404-mascot{position:relative;z-index:1;width:300px;max-width:82%;animation:pgBob 4.5s ease-in-out infinite;}

.pg-404-copy{min-width:0;}
.pg-404-copy .pg-eyebrow{margin-bottom:12px;}
.pg-404-copy h1{font-size:clamp(28px,3.6vw,42px);font-weight:800;letter-spacing:-.9px;color:#12161d;margin:0 0 14px;line-height:1.08;text-wrap:balance;}
.pg-404-copy > p{margin:0 0 26px;max-width:48ch;font-size:16.5px;line-height:1.7;color:var(--pg-grey);}

.pg-404-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;}
/* Both buttons identical: same height, radius, padding, font — only the fill and
   the small shadow differ. */
.pg-404-actions .pg-btn-gold,
.pg-404-actions .pg-btn-ghost{height:54px;padding:0 28px;border-radius:999px;font-size:14.5px;box-shadow:none;}
.pg-404-actions .pg-btn-gold{box-shadow:0 4px 12px rgba(242,183,5,.28);}

.pg-404-search{display:flex;align-items:center;width:100%;max-width:460px;margin-bottom:22px;
  border:1px solid #e4e8ee;border-radius:999px;background:#f7f8fa;overflow:hidden;transition:.16s;}
.pg-404-search:focus-within{background:#fff;border-color:var(--pg-gold);box-shadow:0 0 0 3px rgba(242,183,5,.16);}
.pg-404-search input{flex:1;min-width:0;height:54px;padding:0 22px;border:0;background:none;font-family:inherit;font-size:15px;color:#12161d;}
.pg-404-search input:focus{outline:none;}
.pg-404-search button{flex:none;width:54px;height:54px;border:0;background:none;color:#6b7382;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.pg-404-search button:hover{color:var(--pg-navy);}

.pg-404-links{display:flex;flex-wrap:wrap;gap:6px 22px;}
.pg-404-links a{font-size:14px;font-weight:700;color:var(--pg-blue,#0a5ec4);}
.pg-404-links a:hover{color:var(--pg-navy);text-decoration:underline;}

@media(max-width:860px){
  /* Stack and centre on tablet/phone */
  .pg-404{grid-template-columns:1fr;gap:6px;text-align:center;padding-top:34px;}
  .pg-404-art{min-height:0;margin-bottom:10px;}
  .pg-404-copy{display:flex;flex-direction:column;align-items:center;}
  .pg-404-actions,.pg-404-links{justify-content:center;}
  .pg-404-mascot{width:250px;}
}
@media(max-width:560px){
  .pg-404-mascot{width:210px;}
}

/* ---- Invoice ---- */
.pg-inv{margin-top:18px;padding:18px;border-radius:16px;background:#f7f8fa;border:1px solid #eef1f5;}
.pg-inv-toggle{font-weight:700;color:#12161d;}
.pg-inv-fields{margin-top:16px;}
.pg-inv-type{display:flex;gap:10px;margin-bottom:16px;}
.pg-inv-type-opt{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;
  padding:12px 14px;border:1.5px solid #e3e7ee;border-radius:12px;background:#fff;
  font-weight:700;color:#5b6675;user-select:none;transition:border-color .15s,background .15s,color .15s;}
.pg-inv-type-opt input{accent-color:var(--pg-navy);margin:0;}
.pg-inv-type-opt.is-on{border-color:var(--pg-navy);background:#eef2fb;color:#12161d;}
.pg-inv-group{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.pg-inv-group .pg-field:last-child{grid-column:1/-1;}
.pg-inv [hidden]{display:none!important;}

.pg-inv-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px;}
.pg-inv-print{height:44px;padding:0 22px;border:0;cursor:pointer;font-family:inherit;font-size:14px;}

.pg-invoice{padding:34px;border-radius:18px;background:#fff;border:1px solid #eef1f5;box-shadow:0 8px 30px rgba(20,30,60,.06);color:#2b3542;}
.pg-invoice-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding-bottom:22px;margin-bottom:24px;border-bottom:2px solid var(--pg-navy);}
.pg-invoice-kind{display:block;font-size:11.5px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:#98a1ad;}
.pg-invoice-no{display:block;font-size:26px;font-weight:800;color:#12161d;letter-spacing:-.5px;font-variant-numeric:tabular-nums;}
.pg-invoice-date{font-size:13.5px;color:#6b7382;}
.pg-invoice-brand{font-size:19px;font-weight:800;color:var(--pg-navy);letter-spacing:-.3px;}

.pg-invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px;}
.pg-invoice-parties h4{margin:0 0 8px;font-size:11.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#98a1ad;}
.pg-invoice-parties strong{display:block;font-size:16px;color:#12161d;margin-bottom:5px;}
.pg-invoice-parties p{margin:0;font-size:14px;line-height:1.7;color:#5b6675;}

.pg-invoice-table{width:100%;border-collapse:collapse;margin-bottom:24px;}
.pg-invoice-table th{padding:11px 12px;background:#f7f8fa;text-align:left;font-size:11.5px;font-weight:800;
  letter-spacing:.7px;text-transform:uppercase;color:#6b7382;}
.pg-invoice-table td{padding:13px 12px;border-bottom:1px solid #eef1f5;font-size:14.5px;}
.pg-invoice-table .pg-r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;}
.pg-invoice-table tfoot td{border:0;padding:7px 12px;color:#5b6675;}
.pg-invoice-table tfoot tr:last-child td{padding-top:12px;font-size:17px;font-weight:800;color:#12161d;border-top:2px solid #eef1f5;}

.pg-invoice-foot p{margin:0 0 6px;font-size:14px;color:#5b6675;}
.pg-invoice-note{margin-top:16px!important;padding-top:14px;border-top:1px solid #eef1f5;font-size:12.5px;color:#98a1ad;}

/* Print: the invoice alone, on white, nothing else. */
@media print{
  body *{visibility:hidden!important;}
  .pg-invoice,.pg-invoice *{visibility:visible!important;}
  .pg-invoice{position:absolute;left:0;top:0;width:100%;border:0;border-radius:0;box-shadow:none;padding:0;}
  .pg-invoice-head{border-bottom:2px solid #000;}
  .pg-inv-actions,.pg-progress{display:none!important;}
  @page{margin:16mm;}
}

@media(max-width:900px){
  .pg-acc-stats{grid-template-columns:1fr 1fr;}
  .pg-acc-links{grid-template-columns:1fr;}
  .pgl-cards,.pgl-ladder-list,.woocommerce-Addresses{grid-template-columns:1fr;}
  .pg-acc-order{grid-template-columns:auto 1fr auto;row-gap:8px;}
  .pg-acc-order-date,.pg-acc-order-items{display:none;}
  .pg-acc-order-go{display:none;}
  .pg-inv-group,.pg-invoice-parties{grid-template-columns:1fr;}
  .pg-invoice{padding:22px;}
}

@media(max-width:900px){
  .pg-auth-page{grid-template-columns:1fr;}
  /* Login step on phones: drop the "Орден на Паладина" promo aside entirely. */
  .pg-auth-aside{display:none;}
  .logged-in.woocommerce-account .woocommerce{grid-template-columns:minmax(0,1fr);gap:16px;}
  .logged-in.woocommerce-account .woocommerce-MyAccount-navigation{grid-column:1;grid-row:2;}
  .logged-in.woocommerce-account .woocommerce-MyAccount-content{grid-column:1;grid-row:3;}
  /* Shortcuts panel minimised to a slim horizontal chip-scroller. */
  .woocommerce-MyAccount-navigation{position:static;margin:0;}
  .woocommerce-MyAccount-navigation ul{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:5px;border-radius:999px;scrollbar-width:none;}
  .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{display:none;}
  .woocommerce-MyAccount-navigation li a{padding:9px 15px;white-space:nowrap;font-size:13.5px;border-radius:999px;}
}
/* ---- Wishlist ---- */
.pg-wishlist{margin-bottom:56px;}
/* An author display: rule beats the browser's [hidden] { display: none }, so the
   "clear list" bar stayed on screen over the empty state. Say it explicitly. */
.pg-wishlist [hidden]{display:none!important;}
.pg-wl-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid #eef1f5;}
.pg-wl-count{font-size:14.5px;font-weight:700;color:#6b7382;font-variant-numeric:tabular-nums;}
.pg-wl-clear{border:0;background:none;padding:0;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:700;color:#b3271a;transition:color .14s;}
.pg-wl-clear:hover{color:#9b1c11;text-decoration:underline;}

.pg-wl-grid ul.products{grid-template-columns:repeat(4,1fr);}
@media(max-width:1100px){.pg-wl-grid ul.products{grid-template-columns:repeat(3,1fr);}}
@media(max-width:820px){.pg-wl-grid ul.products{grid-template-columns:repeat(2,1fr);}}
/* Un-hearting a card removes it, so it fades rather than vanishing mid-frame. */
.pg-wl-grid li.product{transition:opacity .2s ease,transform .2s ease;}
.pg-wl-grid li.product.is-removing{opacity:0;transform:scale(.96);}

.pg-wl-loading{padding:40px 0;text-align:center;color:#98a1ad;font-size:14.5px;}

.pg-wl-empty{padding:64px 24px;text-align:center;border-radius:20px;background:#f7f8fa;border:1px dashed #dde2ea;}
.pg-wl-empty-ic{display:inline-flex;align-items:center;justify-content:center;width:74px;height:74px;margin-bottom:18px;
  border-radius:50%;background:#fff;border:1px solid #e6eaf0;color:#c3ccd8;}
.pg-wl-empty strong{display:block;font-size:20px;color:#12161d;margin-bottom:7px;letter-spacing:-.2px;}
.pg-wl-empty p{margin:0 auto 22px;max-width:42ch;color:#6b7382;line-height:1.7;}

@media(max-width:560px){
  .pg-auth-panel{padding:24px 20px 26px;}
  .pg-auth-aside{padding:24px 20px;}
  .pg-wl-empty{padding:44px 18px;}
}

/* ============================================================
   BLOG
   ============================================================ */
.pg-blog{padding-bottom:70px;}
.pg-blog-head{padding:40px 0 22px;}
.pg-eyebrow{display:block;font-size:11.5px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--pg-gold);margin-bottom:12px;}
.pg-blog-head h1{font-size:clamp(32px,4.4vw,48px);font-weight:800;letter-spacing:-1px;color:#12161d;margin:0;text-wrap:balance;}
.pg-blog-sub{margin:12px 0 0;max-width:60ch;font-size:17px;line-height:1.7;color:var(--pg-grey);}

/* Category chips */
.pg-blog-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;padding-bottom:26px;border-bottom:1px solid #eef1f5;}
.pg-bchip{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:999px;
  border:1px solid #e4e8ee;background:#fff;color:#3c4654;font-size:14px;font-weight:700;transition:.16s;}
.pg-bchip:hover{border-color:var(--pg-navy);color:var(--pg-navy);}
.pg-bchip.is-active{background:var(--pg-navy);border-color:var(--pg-navy);color:#fff;}
.pg-bchip-n{font-size:11.5px;font-weight:800;opacity:.55;font-variant-numeric:tabular-nums;}

/* Cards */
.pg-bcard{display:flex;flex-direction:column;height:100%;}
.pg-bcard-media{position:relative;display:block;overflow:hidden;border-radius:16px;aspect-ratio:16/10;background:#eef1f5;line-height:0;}
.pg-bcard-media img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .7s cubic-bezier(.22,.61,.36,1);}
.pg-bcard:hover .pg-bcard-media img{transform:scale(1.04);}
.pg-bcard-cat{position:absolute;top:12px;left:12px;z-index:2;padding:6px 11px;border-radius:999px;
  background:rgba(2,20,45,.82);backdrop-filter:blur(4px);color:#fff;
  font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;line-height:1;}
.pg-bcard-body{display:flex;flex-direction:column;flex:1;padding:16px 2px 0;}
.pg-bcard-title{margin:0 0 9px;font-size:19px;line-height:1.35;letter-spacing:-.3px;text-wrap:balance;}
.pg-bcard-title a{color:#12161d;background-image:linear-gradient(var(--pg-gold),var(--pg-gold));
  background-size:0 2px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .3s cubic-bezier(.22,.61,.36,1);}
.pg-bcard:hover .pg-bcard-title a{background-size:100% 2px;}
.pg-bcard-excerpt{margin:0 0 14px;color:#5b6675;font-size:14.5px;line-height:1.65;}
.pg-bcard-meta{margin-top:auto;font-size:12.5px;font-weight:700;color:#98a1ad;letter-spacing:.2px;}

/* The lead post runs across the row */
.pg-blog-lead{margin-bottom:44px;}
.pg-bcard-lead{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:center;}
.pg-bcard-lead .pg-bcard-media{aspect-ratio:16/10;border-radius:20px;}
.pg-bcard-lead .pg-bcard-body{padding:0;justify-content:center;}
.pg-bcard-lead .pg-bcard-title{font-size:clamp(24px,2.6vw,34px);margin-bottom:14px;letter-spacing:-.7px;}
.pg-bcard-lead .pg-bcard-excerpt{font-size:16.5px;line-height:1.75;margin-bottom:18px;}
.pg-bcard-lead .pg-bcard-cat{top:16px;left:16px;padding:7px 13px;font-size:11.5px;}

.pg-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 30px;}

/* Pagination */
.pg-blog .navigation.pagination{margin-top:48px;}
.pg-blog .nav-links{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;}
.pg-blog .nav-links .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;
  border-radius:11px;border:1px solid #e4e8ee;background:#fff;color:#12161d;font-size:14px;font-weight:800;transition:.15s;}
.pg-blog .nav-links .page-numbers:hover{border-color:var(--pg-navy);}
.pg-blog .nav-links .page-numbers.current{background:var(--pg-navy);border-color:var(--pg-navy);color:#fff;}

/* ============================================================
   ARTICLE
   ============================================================ */

/* Reading progress */
.pg-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:200;background:transparent;pointer-events:none;}
.pg-progress-bar{display:block;height:100%;width:0;background:linear-gradient(90deg,#e0a200,var(--pg-gold));
  box-shadow:0 0 10px rgba(242,183,5,.6);transition:width .1s linear;}

/* Hero */
.pg-art-hero{position:relative;padding:56px 0 40px;background:linear-gradient(165deg,#0a3a72,#02152e);color:#fff;overflow:hidden;}
.pg-art-hero.has-image{padding:110px 0 46px;}
/* The cover art carries the page, so it stays visible; the gradient only has to
   buy the headline enough contrast at the bottom, where the type sits. */
.pg-art-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42;filter:saturate(.9);}
.pg-art-hero.has-image::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(2,21,46,.55) 0%,rgba(2,21,46,.72) 50%,rgba(2,21,46,.93) 100%);}
.pg-art-hero-inner{position:relative;z-index:2;max-width:840px;}

.pg-art-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px;font-size:13.5px;color:#8fabcd;}
.pg-art-crumbs a{color:#8fabcd;transition:color .14s;}
.pg-art-crumbs a:hover{color:var(--pg-gold);}

.pg-art-cat{display:inline-flex;align-items:center;padding:7px 14px;margin-bottom:20px;border-radius:999px;
  border:1px solid rgba(242,183,5,.5);background:rgba(242,183,5,.12);color:var(--pg-gold);
  font-size:11.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;transition:.16s;}
.pg-art-cat:hover{background:var(--pg-gold);color:var(--pg-navy);}

.pg-art-title{margin:0 0 24px;font-size:clamp(30px,4.6vw,52px);line-height:1.12;letter-spacing:-1.2px;color:#fff;text-wrap:balance;}

.pg-art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:11px;font-size:14px;color:#b9cde6;}
.pg-art-by{font-weight:700;color:#fff;}
.pg-art-dot{width:4px;height:4px;border-radius:50%;background:#5d789b;}
.pg-art-avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;
  background:linear-gradient(180deg,#ffdd67,#e0a200);color:var(--pg-navy);font-weight:800;font-size:15px;}
.pg-art-avatar-lg{width:52px;height:52px;font-size:21px;flex:none;}

/* Layout: contents · article · share rail */
.pg-art-layout{display:grid;grid-template-columns:240px minmax(0,1fr) 56px;gap:48px;align-items:start;padding:52px 20px 64px;}

.pg-toc{position:sticky;top:100px;}
.pg-toc-box{border:1px solid #eef1f5;border-radius:16px;background:#f9fafb;padding:4px 16px 6px;}
.pg-toc-box summary{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:12px 0;cursor:pointer;list-style:none;font-size:12px;font-weight:800;letter-spacing:1.1px;
  text-transform:uppercase;color:#6b7382;transition:color .14s;}
.pg-toc-box summary:hover{color:var(--pg-navy);}
.pg-toc-box summary::-webkit-details-marker{display:none;}
.pg-toc-box summary::after{content:"";flex:none;width:8px;height:8px;margin-right:2px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px);transition:transform .2s ease;}
.pg-toc-box[open] summary::after{transform:rotate(-135deg) translateY(-2px);}
.pg-toc-box ol{list-style:none;margin:0 0 8px;padding:0;counter-reset:toc;max-height:60vh;overflow-y:auto;}
.pg-toc-box li{counter-increment:toc;}
.pg-toc-box a{display:block;padding:7px 0 7px 12px;border-left:2px solid #e6eaf0;
  color:#5b6675;font-size:13.5px;line-height:1.45;transition:color .15s,border-color .15s;}
.pg-toc-box a:hover{color:var(--pg-navy);border-color:#c8d2de;}
.pg-toc-box a.is-current{color:var(--pg-navy);font-weight:700;border-color:var(--pg-gold);}
.pg-toc-l3 a{padding-left:20px;font-size:13px;}

.pg-art-rail{position:sticky;top:100px;}
.pg-rail-share{display:flex;flex-direction:column;gap:8px;}

/* Article body */
.pg-art-body{min-width:0;max-width:74ch;font-size:17.5px;line-height:1.82;color:#3a4450;}
.pg-art-body > p:first-of-type{font-size:20px;line-height:1.7;color:#2b3542;}
.pg-art-body p{margin:0 0 1.35em;}
.pg-art-body h2,.pg-art-body h3{scroll-margin-top:110px;color:#12161d;letter-spacing:-.4px;text-wrap:balance;}
.pg-art-body h2{margin:2em 0 .7em;font-size:29px;line-height:1.25;}
.pg-art-body h3{position:relative;margin:1.9em 0 .6em;padding-top:18px;font-size:23px;line-height:1.3;}
.pg-art-body h3::before{content:"";position:absolute;top:0;left:0;width:38px;height:3px;border-radius:3px;background:var(--pg-gold);}
.pg-art-body a{color:var(--pg-blue,#0a5ec4);text-decoration:underline;text-underline-offset:3px;}
.pg-art-body a:hover{color:var(--pg-navy);}
.pg-art-body strong{color:#12161d;font-weight:800;}
.pg-art-body ul,.pg-art-body ol{margin:0 0 1.35em;padding-left:1.3em;}
.pg-art-body li{margin-bottom:.5em;}
.pg-art-body img{max-width:100%;height:auto;border-radius:14px;display:block;margin:2em 0;}
.pg-art-body figure{margin:2em 0;}
.pg-art-body figcaption{margin-top:10px;font-size:13.5px;color:#98a1ad;text-align:center;}
.pg-art-body blockquote{margin:2em 0;padding:22px 26px;border-radius:16px;background:#f7f8fa;border-left:3px solid var(--pg-gold);
  font-size:19px;line-height:1.65;color:#2b3542;font-style:normal;}
.pg-art-body blockquote p:last-child{margin-bottom:0;}
.pg-art-body hr{margin:2.4em 0;border:0;border-top:1px solid #eef1f5;}

/* Foot: share + back */
.pg-art-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  margin-top:48px;padding-top:26px;border-top:1px solid #eef1f5;}
.pg-share{display:flex;align-items:center;gap:8px;}
.pg-share-label{margin-right:4px;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#98a1ad;}
.pg-share-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;
  border-radius:12px;border:1px solid #e4e8ee;background:#fff;color:#5b6675;cursor:pointer;padding:0;
  transition:background .16s,border-color .16s,color .16s,transform .16s;}
.pg-share-btn:hover{background:var(--pg-navy);border-color:var(--pg-navy);color:#fff;transform:translateY(-2px);}
.pg-share-btn svg{display:block;}
.pg-share-copy.is-done{background:#f1faf4;border-color:#bfe6cd;color:#166534;}
/* The "copied" flag is generated by JS, so nothing shows before there is anything to say */
.pg-share-flag{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);
  padding:5px 10px;border-radius:7px;background:#12161d;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap;
  opacity:0;transition:opacity .18s;pointer-events:none;}
.pg-share-copy.is-done .pg-share-flag{opacity:1;}

.pg-art-back{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:800;color:var(--pg-navy);transition:gap .16s;}
.pg-art-back:hover{gap:11px;color:var(--pg-navy);}

/* Author */
.pg-art-author{display:flex;gap:16px;align-items:flex-start;margin-top:34px;padding:22px;border-radius:18px;
  background:#f7f8fa;border:1px solid #eef1f5;}
.pg-art-author strong{display:block;font-size:15.5px;color:#12161d;margin-bottom:4px;}
.pg-art-author p{margin:0;font-size:14.5px;line-height:1.65;color:#5b6675;}

.pg-art-related{padding:56px 20px 70px;border-top:1px solid #eef1f5;}
.pg-art-related .pg-section-title{margin-bottom:28px;}

@media(max-width:1100px){
  .pg-art-layout{grid-template-columns:210px minmax(0,1fr);gap:36px;}
  .pg-art-rail{display:none;}
  .pg-blog-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:900px){
  .pg-bcard-lead{grid-template-columns:1fr;gap:20px;}
  /* Lead article matches the rest on phones — no jarring font-size jump between the 1st and 2nd. */
  .pg-bcard-lead .pg-bcard-title{font-size:19px;letter-spacing:-.3px;margin-bottom:9px;}
  .pg-bcard-lead .pg-bcard-excerpt{font-size:14.5px;line-height:1.65;margin-bottom:14px;}
  .pg-art-layout{grid-template-columns:minmax(0,1fr);padding-top:34px;}
  /* Contents becomes a fold-away panel above the article */
  .pg-toc{position:static;}
  .pg-toc-box{margin-bottom:6px;}
  .pg-toc-box[open] summary{margin-bottom:4px;}
  .pg-art-body{max-width:none;}
}
@media(max-width:640px){
  .pg-blog-grid{grid-template-columns:1fr;gap:30px;}
  .pg-art-hero{padding:34px 0 30px;}
  .pg-art-hero.has-image{padding:64px 0 34px;}
  .pg-art-body{font-size:16.5px;}
  .pg-art-body > p:first-of-type{font-size:18px;}
  .pg-art-body h2{font-size:24px;}
  .pg-art-body h3{font-size:20px;}
  .pg-art-foot{flex-direction:column;align-items:flex-start;}
}

/* =========================================================================
 * Орден на Паладините — loyalty landing page
 * ====================================================================== */
.pgl-lp{color:#12161d;}
.pgl-lp .pg-container{max-width:1180px;}
.pgl-lp-sec{padding:62px 0;}
.pgl-lp-sec-alt{background:#F7F5EF;}
.pgl-lp-h2{text-align:center;font-size:clamp(23px,3vw,32px);font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:#12161d;margin:0 0 42px;}
.pgl-lp-h2 span{position:relative;padding:0 42px;}
.pgl-lp-h2 span::before,.pgl-lp-h2 span::after{content:"";position:absolute;top:50%;width:9px;height:9px;background:var(--pg-gold);transform:translateY(-50%) rotate(45deg);}
.pgl-lp-h2 span::before{left:8px;} .pgl-lp-h2 span::after{right:8px;}
/* On phones the gold diamonds mis-align when the heading wraps — drop them, keep it centred. */
@media(max-width:600px){
	.pgl-lp-h2{margin-bottom:26px;line-height:1.25;}
	.pgl-lp-h2 span{padding:0;display:inline-block;}
	.pgl-lp-h2 span::before,.pgl-lp-h2 span::after{display:none;}
}
.pgl-lp-h3l{font-size:clamp(19px,2.2vw,23px);font-weight:800;text-transform:uppercase;letter-spacing:.3px;color:#12161d;margin:0 0 12px;position:relative;padding-left:22px;}
.pgl-lp-h3l::before{content:"";position:absolute;left:0;top:.5em;width:10px;height:10px;background:var(--pg-gold);transform:rotate(45deg);}

/* Hero — full-bleed background art (16:9). The art already carries a dark left side
   for the copy, so the scrim is only a light readability aid, not a heavy blur. */
.pgl-lp-hero{position:relative;overflow:hidden;color:#F7F5EF;background:#0D1B2A no-repeat center;background-size:cover;min-height:440px;display:flex;align-items:center;}
.pgl-lp-hero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,15,28,.5) 0%,rgba(7,15,28,.18) 40%,rgba(7,15,28,0) 62%);}
.pgl-lp-hero-in{position:relative;z-index:2;display:block;width:100%;padding:64px 20px 68px;}
.pgl-lp-hero-copy{max-width:600px;}
.pgl-lp-title{font-size:clamp(36px,5.2vw,62px);font-weight:800;line-height:.98;letter-spacing:-1px;text-transform:uppercase;margin:0;color:#fff;}
.pgl-lp-kicker{color:var(--pg-gold);font-weight:800;letter-spacing:.8px;text-transform:uppercase;margin:16px 0 18px;font-size:clamp(14px,1.5vw,19px);}
.pgl-lp-lead{font-size:16.5px;line-height:1.7;color:#d3d8e2;max-width:46ch;margin:0 0 28px;}
.pgl-lp-hero-points{display:grid;gap:16px;max-width:520px;}
.pgl-lp-hp{display:flex;gap:13px;align-items:flex-start;}
.pgl-lp-hp-ic{flex:none;width:42px;height:42px;border-radius:11px;background:rgba(242,183,5,.15);color:var(--pg-gold);display:flex;align-items:center;justify-content:center;}
.pgl-lp-hp strong{display:block;color:#fff;font-size:15px;margin-bottom:2px;}
.pgl-lp-hp span{color:#a9b1bf;font-size:13.5px;line-height:1.5;}
.pgl-lp-hero-art{position:relative;display:flex;justify-content:center;align-items:center;min-height:340px;}
.pgl-lp-knight{position:relative;z-index:1;width:min(430px,92%);height:auto;filter:drop-shadow(0 22px 42px rgba(0,0,0,.55));animation:pgBob 5s ease-in-out infinite;}
.pgl-lp-logo{position:relative;z-index:1;width:min(430px,84%);height:auto;filter:drop-shadow(0 16px 34px rgba(0,0,0,.45));}
.pgl-lp-hero-glow{position:absolute;inset:-10%;z-index:0;background:radial-gradient(circle at 58% 46%,rgba(242,183,5,.30),transparent 58%);}

/* How it works */
.pgl-lp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.pgl-lp-step{background:#fff;border:1px solid #eef1f5;border-radius:16px;padding:24px;box-shadow:0 6px 20px rgba(20,30,60,.05);
  display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"n . ic" "h h h" "p p p";gap:6px 12px;}
.pgl-lp-step-n{grid-area:n;width:34px;height:34px;border-radius:50%;background:var(--pg-navy);color:#fff;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;}
.pgl-lp-step-ic{grid-area:ic;color:var(--pg-gold);display:flex;align-items:flex-start;}
.pgl-lp-step-ic img{width:64px;height:auto;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.14));}
.pgl-lp-step h3{grid-area:h;margin:14px 0 0;font-size:17.5px;font-weight:800;color:#12161d;}
.pgl-lp-step p{grid-area:p;margin:8px 0 0;color:var(--pg-grey);font-size:14px;line-height:1.65;}

/* Tiers */
.pgl-lp-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.pgl-lp-tier{border-radius:16px;overflow:hidden;background:#fff;border:1px solid #eef1f5;box-shadow:0 10px 26px rgba(20,30,60,.07);display:flex;flex-direction:column;}
.pgl-lp-tier-head{padding:15px 14px;color:#fff;text-align:center;}
.pgl-lp-tier-head strong{display:block;font-size:17px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;}
.pgl-lp-tier-head span{font-size:12.5px;opacity:.92;}
.pgl-lp-tier-body{padding:22px 18px 24px;display:flex;flex-direction:column;align-items:center;flex:1;}
.pgl-lp-tier-brown{--badge:#9a6430;--badge-dark:#5f3d1f;} .pgl-lp-tier-brown .pgl-lp-tier-head{background:linear-gradient(135deg,#8a5a2b,#5f3d1f);}
.pgl-lp-tier-silver{--badge:#aab3bf;--badge-dark:#727c88;} .pgl-lp-tier-silver .pgl-lp-tier-head{background:linear-gradient(135deg,#9aa4b0,#6b7480);}
.pgl-lp-tier-gold{--badge:#e0b64e;--badge-dark:#a97f28;} .pgl-lp-tier-gold .pgl-lp-tier-head{background:linear-gradient(135deg,#e0b64e,#b1842a);}
.pgl-lp-tier-royal{--badge:#2f57ad;--badge-dark:#122a5e;} .pgl-lp-tier-royal .pgl-lp-tier-head{background:linear-gradient(135deg,#2f57ad,#0d2350);}
.pgl-lp-badge{display:block;margin-bottom:4px;}
/* Fixed-height slot so the "% КЕШБЕК" pill sits at the same level on every card,
   whatever each badge image's proportions are. */
.pgl-lp-badge-slot{height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;}
.pgl-lp-badge-img{display:block;height:126px;width:auto;max-width:100%;margin:0;filter:drop-shadow(0 6px 12px rgba(0,0,0,.18));}
.pgl-lp-tier-royal .pgl-lp-badge-img{height:144px;} /* laurel wreath adds height — size up so the shield core matches */
.pgl-lp-shield{fill:var(--badge);stroke:var(--badge-dark);stroke-width:3;}
.pgl-lp-shield-line{fill:none;stroke:rgba(255,255,255,.45);stroke-width:2;}
.pgl-lp-meeple path{fill:#F2B705;}
.pgl-lp-tier-gold .pgl-lp-meeple path{fill:#3a2c08;}
.pgl-lp-tier-cb{margin:14px 0 18px;background:var(--badge-dark);color:#fff;font-weight:800;font-size:12.5px;letter-spacing:.4px;padding:7px 16px;border-radius:8px;}
.pgl-lp-perks{list-style:none;margin:0;padding:0;width:100%;display:grid;gap:11px;}
.pgl-lp-perks li{position:relative;padding-left:26px;font-size:13.5px;color:#3c4654;line-height:1.4;}
.pgl-lp-perks li::before{content:"";position:absolute;left:3px;top:3px;width:11px;height:6px;border-left:2.6px solid var(--pg-gold);border-bottom:2.6px solid var(--pg-gold);transform:rotate(-45deg);}

/* Cashback use */
.pgl-lp-cash{display:grid;grid-template-columns:1.1fr .95fr .72fr;gap:22px;align-items:start;}
.pgl-lp-cash-main{background:#fff;border:1px solid #eef1f5;border-radius:16px;padding:26px;}
.pgl-lp-cash-main > p{color:var(--pg-grey);font-size:14.5px;margin:0 0 8px;}
.pgl-lp-table{width:100%;border-collapse:separate;border-spacing:0;margin:16px 0 18px;border:1px solid #eef1f5;border-radius:10px;overflow:hidden;}
.pgl-lp-table th{background:#f4f2ec;text-transform:uppercase;font-size:11px;letter-spacing:.5px;color:#6b7382;padding:11px 14px;text-align:left;font-weight:800;}
.pgl-lp-table td{padding:11px 14px;border-top:1px solid #eef1f5;font-size:14px;color:#3c4654;}
.pgl-lp-table td:last-child{font-weight:700;color:#12161d;}
.pgl-lp-note{display:flex;gap:12px;background:#FBF7EF;border:1px solid #e6ddca;border-radius:10px;padding:14px 16px;}
.pgl-lp-note-ic{color:var(--pg-gold);flex:none;}
.pgl-lp-note p{margin:0;font-size:13px;color:#5b6675;line-height:1.55;}
.pgl-lp-examples{background:linear-gradient(160deg,#0D1B2A,#002B5E);color:#eef;border-radius:16px;padding:24px;}
.pgl-lp-examples h3{color:var(--pg-gold);text-transform:uppercase;font-size:15px;letter-spacing:.5px;margin:0 0 14px;}
.pgl-lp-ex{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.09);}
.pgl-lp-ex:last-child{border-bottom:0;padding-bottom:0;}
.pgl-lp-ex-ic{color:var(--pg-gold);flex:none;}
.pgl-lp-ex strong{display:block;color:#fff;font-size:14px;margin-bottom:2px;}
.pgl-lp-ex span{color:#b3bbc8;font-size:12.5px;line-height:1.5;display:block;}
.pgl-lp-validity{background:#faf9f5;border:1px solid #eceae2;border-radius:16px;padding:26px;text-align:center;}
.pgl-lp-val-ic{color:var(--pg-gold);display:inline-flex;}
.pgl-lp-val-ic svg{width:40px;height:40px;}
.pgl-lp-validity h3{text-transform:uppercase;font-size:15px;letter-spacing:.5px;color:#12161d;margin:10px 0 12px;}
.pgl-lp-validity p{color:var(--pg-grey);font-size:14px;line-height:1.6;margin:0 0 10px;}
.pgl-lp-validity strong{color:#12161d;}

/* Profile + FAQ */
.pgl-lp-grid2{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:start;}
.pgl-lp-dash{background:linear-gradient(160deg,#0D1B2A,#002B5E);color:#fff;border-radius:16px;padding:22px;box-shadow:0 14px 32px rgba(13,27,42,.28);}
.pgl-lp-dash-top{display:flex;gap:14px;align-items:center;flex-wrap:wrap;}
.pgl-lp-dash-avatar{width:52px;height:52px;border-radius:12px;background:rgba(242,183,5,.14);color:var(--pg-gold);display:flex;align-items:center;justify-content:center;flex:none;}
.pgl-lp-dash-name{color:#aeb6c4;font-size:13px;display:block;}
.pgl-lp-dash-tier{color:var(--pg-gold);font-weight:800;font-size:19px;letter-spacing:.5px;}
.pgl-lp-dash-prog{margin-left:auto;min-width:190px;}
.pgl-lp-dash-prog-l{font-size:12px;color:#aeb6c4;display:block;margin-bottom:6px;}
.pgl-lp-bar{display:block;height:8px;border-radius:999px;background:rgba(255,255,255,.13);overflow:hidden;}
.pgl-lp-bar span{display:block;height:100%;background:linear-gradient(90deg,#F2B705,#C89B3C);border-radius:999px;}
.pgl-lp-dash-prog-n{font-size:12px;color:#d7dbe4;display:block;margin-top:6px;}
.pgl-lp-dash-remain{font-size:12px;color:#9aa2b1;display:block;}
.pgl-lp-dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0;padding:16px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);}
.pgl-lp-dash-stats span{display:block;font-size:11.5px;color:#aeb6c4;margin-bottom:4px;}
.pgl-lp-dash-stats strong{font-size:19px;color:#fff;}
.pgl-lp-dash-links{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;text-align:center;}
.pgl-lp-dash-links span{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11px;color:#c7cdd8;line-height:1.25;}
.pgl-lp-dash-links svg{color:var(--pg-gold);width:22px;height:22px;}
.pgl-lp-dash-cta{display:block;margin-top:18px;text-align:center;color:var(--pg-navy)!important;background:linear-gradient(180deg,#ffdd67,#e0a200);border-radius:999px;padding:11px;font-weight:800;font-size:14px;}
.pgl-lp-dash-cta:hover{filter:brightness(1.05);}
.pgl-lp-faq{display:grid;gap:10px;}
.pgl-lp-faq-item{border:1px solid #e7e9ee;border-radius:10px;background:#fff;overflow:hidden;}
.pgl-lp-faq-item summary{list-style:none;cursor:pointer;padding:15px 18px;font-weight:700;font-size:14.5px;color:#12161d;display:flex;justify-content:space-between;align-items:center;gap:12px;}
.pgl-lp-faq-item summary::-webkit-details-marker{display:none;}
.pgl-lp-chev{color:#98a1ad;transition:transform .2s;flex:none;display:flex;}
.pgl-lp-faq-item[open] .pgl-lp-chev{transform:rotate(180deg);}
.pgl-lp-faq-item[open] summary{color:var(--pg-navy);}
.pgl-lp-faq-a{padding:0 18px 16px;color:var(--pg-grey);font-size:14px;line-height:1.65;}
.pgl-lp-faq-a a{color:var(--pg-blue);font-weight:700;}

/* CTA */
.pgl-lp-cta{background:linear-gradient(135deg,#0D1B2A,#002B5E);color:#fff;}
.pgl-lp-cta-in{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:36px 20px;}
.pgl-lp-cta-copy h2{font-size:clamp(20px,2.5vw,28px);font-weight:800;margin:0 0 20px;max-width:22ch;line-height:1.22;color:#fff;}
.pgl-lp-cta-art{flex:none;}
.pgl-lp-cta-mascot{width:150px;height:auto;filter:drop-shadow(0 14px 26px rgba(0,0,0,.5));}

@media(max-width:980px){
  .pgl-lp-steps{grid-template-columns:1fr;}
  .pgl-lp-tiers{grid-template-columns:1fr 1fr;}
  .pgl-lp-cash{grid-template-columns:1fr;}
  .pgl-lp-grid2{grid-template-columns:1fr;}
  .pgl-lp-dash-prog{margin-left:0;width:100%;}
}
@media(max-width:768px){
  /* The 32:9 art is very short at phone widths, so crop it under a fuller scrim. */
  .pgl-lp-hero{min-height:420px;background-position:center;}
  .pgl-lp-hero-scrim{background:linear-gradient(180deg,rgba(5,12,24,.72) 0%,rgba(5,12,24,.86) 100%);}
  .pgl-lp-hero-in{padding:44px 20px;}
  .pgl-lp-hero-copy{max-width:none;}
}
@media(max-width:560px){
  .pgl-lp-tiers{grid-template-columns:1fr;}
  .pgl-lp-cta-in{flex-direction:column;text-align:center;}
  .pgl-lp-dash-links{grid-template-columns:1fr 1fr;gap:14px;}
  .pgl-lp-dash-stats strong{font-size:17px;}
}

/* =========================================================================
 * Pre-order treatment (badge, inline tags, ribbon)
 * ====================================================================== */
.pg-badge-pre{background:linear-gradient(180deg,#f2b705,#c89b3c);color:#0d1b2a;display:inline-flex;align-items:center;}
/* Distinct round pre-order coin, bottom-left of the card image. */
.pg-pre-coin{position:absolute;left:11px;bottom:11px;z-index:7;width:62px;height:62px;border-radius:50%;
  background:radial-gradient(circle at 50% 32%,#0a3f78,#012142);border:2px solid var(--pg-gold);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
  color:var(--pg-gold);text-transform:uppercase;box-shadow:0 4px 12px rgba(0,0,0,.45);pointer-events:none;}
.pg-pre-coin b{font-size:9px;font-weight:800;letter-spacing:.4px;line-height:1.05;}
.pg-pre-note{display:inline-flex;align-items:center;gap:5px;margin-top:3px;color:#a5670a;background:#fff6e6;border:1px solid #f2d9a4;
  border-radius:6px;padding:2px 8px;font-size:11px;font-weight:800;letter-spacing:.2px;line-height:1.3;}
.pg-pre-note svg{flex:none;}
.pg-mc-body .pg-pre-note{margin:4px 0 2px;}
.pg-pre-ribbon{position:absolute;top:16px;left:16px;z-index:5;background:linear-gradient(180deg,#f2b705,#c89b3c);color:#0d1b2a;
  font-weight:800;font-size:12px;letter-spacing:.5px;text-transform:uppercase;padding:6px 14px;border-radius:6px;box-shadow:0 3px 10px rgba(0,0,0,.22);}
.single-product div.product{position:relative;}

/* =========================================================================
 * Checkout polish — kill the overlapping notice icon, tidy the coupon toggle
 * ====================================================================== */
.woocommerce-message::before,.woocommerce-error::before,.woocommerce-info::before,
.woocommerce form.checkout_coupon::before{display:none!important;}
.woocommerce-message,.woocommerce-error,.woocommerce-info{padding-left:18px;}

/* "Имате промо код?" toggle — a calm dashed bar, not a loud blue notice.
   (Rendered outside form.checkout, so scope by the page body class.) */
.woocommerce-checkout .woocommerce-form-coupon-toggle{margin-bottom:24px;}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;
  background:#faf9f5;border:1px dashed #d9cfb6;color:#5b6675;border-radius:12px;padding:14px 18px;font-size:14px;}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::after{
  content:"";width:18px;height:18px;order:-1;flex:none;background-repeat:no-repeat;background-position:center;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c89b3c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12v6a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-6'/%3E%3Cpath d='M2 8h20v4a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z'/%3E%3Cpath d='M12 8V4'/%3E%3C/svg%3E");}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a{color:var(--pg-navy);font-weight:800;text-decoration:none;}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a:hover{color:var(--pg-gold);}

/* The coupon form that slides open. */
.woocommerce-checkout .checkout_coupon{border:1px solid #eef1f5;border-radius:14px;background:#fff;padding:18px 20px;margin-bottom:26px;}
.woocommerce-checkout .checkout_coupon p:first-child{margin:0 0 12px;color:var(--pg-grey);font-size:14px;}
.woocommerce-checkout .checkout_coupon .form-row{display:flex;gap:10px;margin:0;padding:0;align-items:stretch;}
.woocommerce-checkout .checkout_coupon .form-row-first{flex:1;min-width:0;margin:0;}
.woocommerce-checkout .checkout_coupon .form-row-last{flex:none;margin:0;}
.woocommerce-checkout .checkout_coupon .input-text{width:100%;height:50px;border:1px solid #e4e8ee;border-radius:12px;padding:0 16px;background:#f7f8fa;font-size:15px;}
.woocommerce-checkout .checkout_coupon button[name="apply_coupon"]{height:50px;padding:0 24px;border:0;border-radius:12px;cursor:pointer;
  background:var(--pg-navy);color:#fff;font-family:inherit;font-weight:800;font-size:14px;white-space:nowrap;transition:.16s;}
.woocommerce-checkout .checkout_coupon button[name="apply_coupon"]:hover{filter:brightness(1.18);color:#fff;}

/* Billing heading + a touch more polish on the left column. */
.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout #ship-to-different-address{font-size:19px;font-weight:800;color:#12161d;margin:0 0 18px;letter-spacing:-.2px;}
.woocommerce-checkout #customer_details .woocommerce-additional-fields h3{font-size:16px;font-weight:800;color:#12161d;margin:8px 0 14px;}

/* =========================================================================
 * КОНТАКТИ — contact page ([pg_contacts])
 * ========================================================================= */
/* The [pg_contacts] hero carries its own title, so hide the default page <h1>. */
.pg-page > article:has(.pg-contacts) > h1{display:none!important;}
/* .pg-content is capped at 820px for article reading; let the contact page run full
   container width so the hero/cards/form aren't squeezed to the left. */
.pg-content:has(.pg-contacts){max-width:none;}
.pg-contacts{max-width:1160px;margin:0 auto;color:var(--pg-ink,#1c2430);}

/* Hero */
.pg-ct-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 300px;align-items:center;gap:24px;
	padding:40px 46px;border-radius:24px;margin:6px 0 36px;
	background:radial-gradient(130% 150% at 12% 0,#123a6b 0,#0b2650 45%,#06182f 100%);
	border:1px solid rgba(242,183,5,.42);box-shadow:0 22px 50px rgba(6,18,38,.34);}
.pg-ct-hero::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(242,183,5,.9),transparent);}
.pg-ct-eyebrow{display:inline-block;font-family:'Montserrat',sans-serif;font-weight:800;font-size:12.5px;letter-spacing:2px;text-transform:uppercase;color:var(--pg-gold);margin-bottom:10px;}
.pg-ct-title{font-family:'Montserrat',sans-serif!important;font-weight:800!important;font-size:34px!important;line-height:1.1!important;text-transform:uppercase;letter-spacing:.4px;color:#fff!important;margin:0 0 14px!important;text-shadow:0 2px 10px rgba(0,0,0,.3);}
.pg-ct-lead{font-size:16px;line-height:1.6;color:#d6e2f2;margin:0 0 20px;max-width:560px;}
.pg-ct-hero-chips{display:flex;flex-wrap:wrap;gap:12px;}
.pg-ct-chip{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:999px;font-weight:700;font-size:14px;color:#0D1B2A!important;background:linear-gradient(180deg,#ffe07a,#efb400);border:1px solid #d59a10;text-decoration:none;transition:.18s;}
.pg-ct-chip:nth-child(2){color:#eaf1fb!important;background:transparent;border:1.5px solid rgba(242,183,5,.5);}
.pg-ct-chip:hover{transform:translateY(-2px);}
.pg-ct-chip svg{width:18px;height:18px;flex:none;}
.pg-ct-hero-mascot{position:relative;z-index:2;display:flex;justify-content:center;align-items:flex-end;}
.pg-ct-pose{width:250px;max-width:100%;height:auto;filter:drop-shadow(0 14px 22px rgba(0,0,0,.4));}

/* Info cards */
.pg-ct-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 40px;}
.pg-ct-card{display:flex;flex-direction:column;gap:2px;padding:24px 22px;border-radius:16px;background:#fff;border:1px solid #eceef3;box-shadow:0 8px 22px rgba(20,30,60,.06);text-decoration:none;color:inherit;transition:.2s;}
a.pg-ct-card:hover{transform:translateY(-4px);border-color:rgba(200,144,26,.5);box-shadow:0 16px 32px rgba(120,80,10,.14);}
.pg-ct-ic{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;margin-bottom:12px;color:#0D1B2A;background:linear-gradient(180deg,#ffe07a,#efb400);box-shadow:0 4px 12px rgba(210,150,10,.28);}
.pg-ct-card-label{font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#98a1ad;}
.pg-ct-card-val{font-family:'Montserrat',sans-serif;font-weight:800;font-size:15.5px;color:var(--pg-navy);line-height:1.3;margin-top:2px;}
.pg-ct-card-sub{font-size:13px;color:#7a828e;margin-top:3px;}

/* Main: form + store */
.pg-ct-main{display:grid;grid-template-columns:1fr 440px;gap:28px;align-items:start;margin:0 0 24px;}
.pg-ct-formwrap{background:#fff;border:1px solid #eceef3;border-radius:20px;padding:32px 34px;box-shadow:0 10px 26px rgba(20,30,60,.06);}
.pg-ct-h2{font-family:'Montserrat',sans-serif!important;font-weight:800!important;font-size:22px!important;text-transform:uppercase;letter-spacing:.3px;color:var(--pg-navy)!important;margin:0 0 6px!important;}
.pg-ct-formlead{font-size:14px;color:#7a828e;margin:0 0 22px;}
.pg-ct-form{display:flex;flex-direction:column;gap:16px;}
.pg-ct-row2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.pg-ct-field{display:flex;flex-direction:column;gap:7px;min-width:0;margin:0;}
.pg-ct-field > span{font-size:12px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#6b7382;}
.pg-ct-field input,.pg-ct-field textarea,.pg-ct-field select{width:100%;box-sizing:border-box;border:1px solid #e4e8ee;border-radius:11px;padding:13px 15px;background:#fbfcfd;font-family:inherit;font-size:15px;color:#12161d;transition:.15s;}
.pg-ct-field textarea{resize:vertical;min-height:120px;}
.pg-ct-field input:focus,.pg-ct-field textarea:focus,.pg-ct-field select:focus{outline:none;border-color:var(--pg-gold);background:#fff;box-shadow:0 0 0 3px rgba(242,183,5,.14);}
.pg-ct-select{position:relative;display:block;}
.pg-ct-select select{appearance:none;-webkit-appearance:none;padding-right:42px;cursor:pointer;}
.pg-ct-select svg{position:absolute;right:14px;top:50%;transform:translateY(-50%) rotate(90deg);width:18px;height:18px;color:#98a1ad;pointer-events:none;}
.pg-ct-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;}
.pg-ct-submit{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;
	font-family:'Montserrat',sans-serif;font-weight:800;font-size:14.5px;letter-spacing:.3px;text-transform:uppercase;
	color:var(--pg-navy);background:linear-gradient(180deg,#ffd75e,#efb400);border:2px solid #efb400;border-radius:999px;
	padding:14px 32px;cursor:pointer;box-shadow:0 8px 20px rgba(210,150,10,.3);transition:transform .18s,box-shadow .2s,filter .15s;}
.pg-ct-submit:hover{transform:translateY(-2px);filter:brightness(1.04);}
.pg-ct-submit:disabled{opacity:.75;cursor:default;transform:none;}
.pg-ct-submit.is-loading span{opacity:.35;}
.pg-ct-submit.is-loading::after{content:"";position:absolute;width:17px;height:17px;border:2.5px solid rgba(13,27,42,.3);border-top-color:#0D1B2A;border-radius:50%;animation:pgSpin .55s linear infinite;}
.pg-ct-status{margin:2px 0 0;font-size:14px;font-weight:600;min-height:1px;}
.pg-ct-status.is-ok{color:#1f9f57;}
.pg-ct-status.is-err{color:#d9432f;}

/* Store aside */
.pg-ct-store{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;border:1px solid #eceef3;background:#fff;box-shadow:0 10px 26px rgba(20,30,60,.06);}
.pg-ct-map{height:230px;background:#dfe5ec;}
.pg-ct-map iframe{display:block;width:100%;height:100%;filter:saturate(.92);}
.pg-ct-storecard{padding:26px 28px 28px;}
.pg-ct-h3{display:flex;align-items:center;gap:10px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:17px;text-transform:uppercase;letter-spacing:.3px;color:var(--pg-navy);margin:0 0 12px;}
.pg-ct-ic--sm{width:34px;height:34px;border-radius:9px;margin:0;}
.pg-ct-ic--sm svg{width:18px;height:18px;}
.pg-ct-addr{font-size:15px;line-height:1.5;color:#3a4453;margin:0 0 18px;}
.pg-ct-hours{list-style:none;margin:0 0 20px;padding:16px 0;border-top:1px solid #eef0f4;border-bottom:1px solid #eef0f4;display:flex;flex-direction:column;gap:9px;}
.pg-ct-hours li{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:#3a4453;}
.pg-ct-hours li strong{color:var(--pg-navy);font-weight:700;}
.pg-ct-hours li.is-off strong{color:#c0392b;}
.pg-ct-perks-h{font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#98a1ad;margin:0 0 10px;}
.pg-ct-perks{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:9px;}
.pg-ct-perks li{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.4;color:#3a4453;}
.pg-ct-perks li svg{flex:none;width:18px;height:18px;color:#1f9f57;margin-top:1px;}
.pg-ct-storefoot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.pg-ct-dir{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:14px;color:var(--pg-navy);text-decoration:none;padding:9px 14px;border-radius:10px;border:1.5px solid #e4e8ee;transition:.16s;}
.pg-ct-dir svg{width:17px;height:17px;color:var(--pg-gold);}
.pg-ct-dir:hover{border-color:var(--pg-gold);background:rgba(242,183,5,.1);}
.pg-ct-social{display:flex;gap:8px;}
.pg-ct-social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;color:#5a6472;background:#f3f5f8;transition:.16s;}
.pg-ct-social a:hover{color:#fff;background:var(--pg-navy);transform:translateY(-2px);}
/* No-store layout: 3 info cards + a help/social side panel (no map/address). */
.pg-ct-cards-3{grid-template-columns:repeat(3,1fr);}
@media(max-width:600px){.pg-ct-cards-3{grid-template-columns:1fr;}}
.pg-ct-side{align-self:start;}
.pg-ct-sidecard{background:#fff;border:1px solid #eceef3;border-radius:20px;padding:28px 30px;box-shadow:0 10px 26px rgba(20,30,60,.06);}
.pg-ct-sidefoot{margin-top:22px;padding-top:20px;border-top:1px solid #eef0f4;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.pg-ct-sidefoot .pg-ct-perks-h{margin:0;}

/* =========================================================================
 * ЗА НАС — about page ([pg_about])
 * ========================================================================= */
.pg-page > article:has(.pg-about) > h1{display:none!important;}
.pg-content:has(.pg-about){max-width:none;}
.pg-about{max-width:1080px;margin:0 auto;color:var(--pg-ink,#1c2430);}
.pg-ab-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 280px;align-items:center;gap:24px;
	padding:44px 46px;border-radius:24px;margin:6px 0 40px;
	background:radial-gradient(130% 150% at 12% 0,#123a6b 0,#0b2650 45%,#06182f 100%);
	border:1px solid rgba(242,183,5,.42);box-shadow:0 22px 50px rgba(6,18,38,.34);}
.pg-ab-hero::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(242,183,5,.9),transparent);}
.pg-ab-eyebrow{display:inline-block;font-family:'Montserrat',sans-serif;font-weight:800;font-size:12.5px;letter-spacing:2px;text-transform:uppercase;color:var(--pg-gold);margin-bottom:10px;}
.pg-ab-title{font-family:'Montserrat',sans-serif!important;font-weight:800!important;font-size:34px!important;line-height:1.12!important;text-transform:uppercase;letter-spacing:.4px;color:#fff!important;margin:0 0 14px!important;text-shadow:0 2px 10px rgba(0,0,0,.3);}
.pg-ab-lead{font-size:16px;line-height:1.6;color:#d6e2f2;margin:0 0 22px;max-width:620px;}
.pg-ab-hero-actions{display:flex;flex-wrap:wrap;gap:12px;}
.pg-ab-btn{display:inline-flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:800;font-size:14px;letter-spacing:.3px;text-transform:uppercase;
	color:var(--pg-navy)!important;background:linear-gradient(180deg,#ffd75e,#efb400);border:2px solid #efb400;border-radius:999px;padding:13px 28px;transition:.18s;}
.pg-ab-btn:hover{transform:translateY(-2px);filter:brightness(1.04);color:var(--pg-navy)!important;}
.pg-ab-btn-ghost{color:#eaf1fb!important;background:transparent;border:1.5px solid rgba(242,183,5,.5);}
.pg-ab-btn-ghost:hover{border-color:var(--pg-gold);background:rgba(242,183,5,.12);color:#fff!important;}
.pg-ab-hero-mascot{display:flex;justify-content:center;align-items:flex-end;}
.pg-ab-pose{width:240px;max-width:100%;height:auto;filter:drop-shadow(0 14px 22px rgba(0,0,0,.4));}
.pg-ab-story{max-width:760px;margin:0 auto 44px;text-align:center;}
.pg-ab-h2{font-family:'Montserrat',sans-serif!important;font-weight:800!important;font-size:24px!important;text-transform:uppercase;letter-spacing:.4px;color:var(--pg-navy)!important;margin:0 0 16px!important;}
.pg-ab-story p{font-size:16px;line-height:1.7;color:#3a4453;margin:0 0 14px;}
.pg-ab-values{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0 0 44px;}
.pg-ab-value{background:#fff;border:1px solid #eceef3;border-radius:16px;padding:26px 22px;box-shadow:0 8px 22px rgba(20,30,60,.06);display:flex;flex-direction:column;gap:6px;}
.pg-ab-value-ic{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:13px;margin-bottom:8px;color:#0D1B2A;background:linear-gradient(180deg,#ffe07a,#efb400);box-shadow:0 4px 12px rgba(210,150,10,.28);}
.pg-ab-value-t{font-family:'Montserrat',sans-serif;font-weight:800;font-size:15.5px;color:var(--pg-navy);}
.pg-ab-value-d{font-size:13.5px;line-height:1.5;color:#6b7382;}
.pg-ab-cta{text-align:center;background:radial-gradient(130% 160% at 50% 0,#123a6b 0,#0b2650 55%,#06182f 100%);border:1px solid rgba(242,183,5,.4);border-radius:24px;padding:44px 30px;}
.pg-ab-cta-h{font-family:'Montserrat',sans-serif!important;font-weight:800!important;font-size:26px!important;text-transform:uppercase;color:#fff!important;margin:0 0 8px!important;}
.pg-ab-cta-p{font-size:15px;color:#d6e2f2;margin:0 0 22px;}
/* "Кои сме ние" — image beside the founders' bios */
.pg-ab-team{display:grid;grid-template-columns:420px 1fr;gap:40px;align-items:start;margin:0 0 48px;}
.pg-ab-team-media{position:sticky;top:96px;}
.pg-ab-img{display:block;width:100%;height:auto;border-radius:20px;border:1px solid #e6e9f0;box-shadow:0 14px 34px rgba(20,30,60,.12);}
.pg-ab-eyebrow-dark{color:var(--pg-gold);}
.pg-ab-h2-left{text-align:left;margin-top:4px!important;}
.pg-ab-person{margin:0 0 24px;}
.pg-ab-person:last-child{margin-bottom:0;}
.pg-ab-person-name{font-family:'Montserrat',sans-serif!important;font-weight:800!important;font-size:19px!important;color:var(--pg-navy)!important;margin:0 0 8px!important;display:flex;align-items:center;flex-wrap:wrap;gap:10px;}
.pg-ab-person-role{font-size:11.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#0D1B2A;background:linear-gradient(180deg,#ffe07a,#efb400);padding:4px 10px;border-radius:999px;}
.pg-ab-person p{font-size:15.5px;line-height:1.7;color:#3a4453;margin:0 0 12px;}
.pg-ab-story a,.pg-ab-person a{color:#a5741f;font-weight:700;}
@media(max-width:820px){
	.pg-ab-hero{grid-template-columns:1fr;padding:32px 24px;text-align:center;}
	.pg-ab-hero-mascot{order:-1;}.pg-ab-pose{width:180px;}
	.pg-ab-lead{margin-left:auto;margin-right:auto;}.pg-ab-hero-actions{justify-content:center;}
	.pg-ab-title{font-size:26px!important;}
	.pg-ab-values{grid-template-columns:repeat(2,1fr);}
	.pg-ab-team{grid-template-columns:1fr;gap:24px;}
	.pg-ab-team-media{position:static;max-width:520px;margin:0 auto;}
}
@media(max-width:480px){.pg-ab-values{grid-template-columns:1fr;}}

@media(max-width:960px){
	.pg-ct-main{grid-template-columns:1fr;}
	.pg-ct-cards{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:720px){
	.pg-ct-hero{grid-template-columns:1fr;padding:30px 24px;text-align:center;}
	.pg-ct-hero-mascot{order:-1;}
	.pg-ct-pose{width:178px;}
	.pg-ct-lead{margin-left:auto;margin-right:auto;}
	.pg-ct-hero-chips{justify-content:center;}
	.pg-ct-title{font-size:26px!important;}
	.pg-ct-formwrap{padding:26px 20px;}
	.pg-ct-row2{grid-template-columns:1fr;}
}
@media(max-width:480px){
	.pg-ct-cards{grid-template-columns:1fr;}
}

/* =========================================================================
 * CONTENT PAGES — shared shell (.pgp) + a signature layout per page
 * ========================================================================= */
.pg-content:has(.pgp){max-width:none;}
.pg-page > article:has(.pgp) > h1{display:none!important;}
.pgp{max-width:1120px;margin:0 auto;color:#2b3441;}
.pgp > section{margin:0 0 46px;}

/* Hero */
.pgp-hero{position:relative;overflow:hidden;border-radius:24px;padding:44px 48px;margin:6px 0 42px;
	background:radial-gradient(130% 150% at 10% 0,#123a6b 0,#0b2650 45%,#06182f 100%);
	border:1px solid rgba(242,183,5,.4);box-shadow:0 22px 50px rgba(6,18,38,.32);}
.pgp-hero::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(242,183,5,.9),transparent);}
.pgp-hero-glow{position:absolute;right:-90px;top:-100px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(242,183,5,.2),transparent 66%);}
.pgp-hero-in{position:relative;z-index:2;max-width:770px;}
.pgp-hero-ic{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;margin-bottom:16px;color:#0D1B2A;background:linear-gradient(180deg,#ffe07a,#efb400);box-shadow:0 8px 20px rgba(210,150,10,.35);}
.pgp-eyebrow{display:block;font-family:'Montserrat',sans-serif;font-weight:800;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--pg-gold);margin-bottom:8px;}
.pgp-title{font-family:'Montserrat',sans-serif!important;font-weight:800!important;font-size:36px!important;line-height:1.08!important;text-transform:uppercase;letter-spacing:.3px;color:#fff!important;margin:0 0 14px!important;}
.pgp-lead{font-size:16.5px;line-height:1.62;color:#d6e2f2;margin:0 0 18px;}
.pgp-lead a,.pgp-lead strong{color:var(--pg-gold);}
.pgp-updated{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:#9fb6d4;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);padding:7px 13px;border-radius:999px;}

/* Shared type + cards */
.pgp-h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:23px;text-transform:uppercase;letter-spacing:.3px;color:var(--pg-navy);margin:0 0 18px;}
.pgp-p{font-size:15.5px;line-height:1.7;color:#3a4453;margin:0 0 16px;}
.pgp-note{font-size:13.5px;line-height:1.62;color:#7a828e;margin:12px 0 0;}
.pgp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;}
.pgp-list li{position:relative;padding-left:26px;font-size:15px;line-height:1.55;color:#3a4453;}
.pgp-list li::before{content:"";position:absolute;left:0;top:7px;width:9px;height:9px;border-radius:50%;background:linear-gradient(180deg,#ffd75e,#efb400);box-shadow:0 0 0 3px rgba(242,183,5,.16);}
.pgp-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;}
.pgp-card{background:#fff;border:1px solid #eceef3;border-radius:18px;padding:26px 28px;box-shadow:0 8px 22px rgba(20,30,60,.05);}
.pgp-card h3{display:flex;align-items:center;gap:10px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:16.5px;text-transform:uppercase;letter-spacing:.2px;color:var(--pg-navy);margin:0 0 12px;}
.pgp-card h3 svg{color:var(--pg-gold);flex:none;}
.pgp-card p{font-size:15px;line-height:1.65;color:#3a4453;margin:0 0 10px;}
.pgp-card p:last-child{margin-bottom:0;}
.pgp-card-gold{background:linear-gradient(180deg,#fffdf6,#fff8e6);border-color:rgba(242,183,5,.42);}
.pgp-card-plain{display:block;margin:0 0 46px;}

/* Shared contact block */
.pgp-contact{border-radius:24px;padding:38px 44px;overflow:hidden;
	background:radial-gradient(120% 160% at 88% 0,#123a6b 0,#0b2650 50%,#06182f 100%);
	border:1px solid rgba(242,183,5,.34);box-shadow:0 20px 44px rgba(6,18,38,.28);}
.pgp-contact-h{font-family:'Montserrat',sans-serif;font-weight:800;font-size:22px;text-transform:uppercase;letter-spacing:.4px;color:var(--pg-gold);margin:0 0 8px;}
.pgp-contact-lead{color:#d6e2f2;font-size:15.5px;line-height:1.6;margin:0 0 16px;}
.pgp-contact-rows{display:flex;flex-wrap:wrap;align-items:center;gap:5px 18px;margin:0 0 20px;}
.pgp-contact-co{color:#fff;font-weight:800;font-size:15px;}
.pgp-contact-meta{color:#9fb6d4;font-size:13.5px;}
.pgp-contact-btns{display:flex;flex-wrap:wrap;gap:11px;}
.pgp-btn{display:inline-flex;align-items:center;gap:9px;padding:12px 20px;border-radius:999px;font-weight:800;font-size:14px;text-decoration:none;transition:transform .16s,filter .16s;}
.pgp-btn-gold{background:linear-gradient(180deg,#ffe07a,#efb400);color:#0D1B2A!important;box-shadow:0 8px 20px rgba(210,150,10,.3);}
.pgp-btn-ghost{color:#eaf1fb!important;border:1.5px solid rgba(242,183,5,.5);}
.pgp-btn:hover{transform:translateY(-2px);filter:brightness(1.05);}

/* ---- 1) ДОСТАВКА И ПЛАЩАНЕ ---- */
.pgd-methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;}
.pgd-method{position:relative;background:#fff;border:1.5px solid #eceef3;border-radius:18px;padding:26px 24px 22px;box-shadow:0 8px 22px rgba(20,30,60,.05);transition:transform .2s,border-color .2s,box-shadow .2s;}
.pgd-method:hover{transform:translateY(-4px);border-color:rgba(242,183,5,.5);box-shadow:0 16px 34px rgba(120,80,10,.13);}
.pgd-method-ic{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;margin-bottom:14px;color:#0D1B2A;background:linear-gradient(180deg,#ffe07a,#efb400);box-shadow:0 5px 14px rgba(210,150,10,.28);}
.pgd-method h3{font-family:'Montserrat',sans-serif;font-weight:800;font-size:17px;color:var(--pg-navy);margin:0 0 8px;}
.pgd-method p{font-size:14.5px;line-height:1.6;color:#5a6472;margin:0 0 14px;}
.pgd-method-tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#8a6a12;background:rgba(242,183,5,.16);border-radius:999px;padding:5px 12px;}
.pgd-free{border-radius:22px;padding:32px 36px;background:linear-gradient(135deg,#fff6d8,#ffe9a8);border:1.5px solid rgba(200,144,26,.4);box-shadow:0 14px 34px rgba(200,150,20,.18);}
.pgd-free-in{display:flex;align-items:flex-start;gap:22px;}
.pgd-free-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:18px;color:#fff;background:linear-gradient(180deg,#0a3f78,#012a58);box-shadow:0 8px 20px rgba(2,20,45,.3);}
.pgd-free h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:24px;text-transform:uppercase;color:#5c4408;margin:0 0 8px;}
.pgd-free p{font-size:16px;line-height:1.6;color:#5c4408;margin:0 0 8px;}
.pgd-free p strong{color:#0D1B2A;}
.pgd-free a{color:#8a6a12;font-weight:800;}
.pgd-free small{display:block;font-size:13px;line-height:1.6;color:#7a6420;}
.pgd-cost-grid{display:flex;flex-wrap:wrap;gap:11px;}
.pgd-cost-item{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid #eceef3;border-radius:999px;padding:11px 18px;font-size:14.5px;font-weight:600;color:#3a4453;}
.pgd-cost-item svg{color:var(--pg-gold);}
.pgd-steps{list-style:none;counter-reset:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;}
.pgd-steps li{position:relative;background:#fff;border:1px solid #eceef3;border-radius:16px;padding:24px 22px;box-shadow:0 6px 18px rgba(20,30,60,.05);}
.pgd-step-n{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;margin-bottom:12px;
	font-family:'Montserrat',sans-serif;font-weight:800;font-size:15px;color:#0D1B2A;background:linear-gradient(180deg,#ffe07a,#efb400);}
.pgd-steps h3{font-family:'Montserrat',sans-serif;font-weight:800;font-size:15.5px;text-transform:uppercase;color:var(--pg-navy);margin:0 0 7px;}
.pgd-steps p{font-size:14.5px;line-height:1.6;color:#5a6472;margin:0;}
.pgd-check-card{background:linear-gradient(180deg,#fffdf6,#fff8e6);border:1.5px solid rgba(242,183,5,.42);border-radius:20px;padding:28px 30px;}
.pgd-check-card h2{display:flex;align-items:center;gap:11px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:19px;text-transform:uppercase;color:var(--pg-navy);margin:0 0 12px;}
.pgd-check-card h2 svg{color:#c8901a;}
.pgd-check-card > p{font-size:15px;color:#3a4453;margin:0 0 12px;}
.pgd-pay-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;}
.pgd-pay-card{background:#fff;border:1px solid #eceef3;border-radius:18px;padding:26px 28px;box-shadow:0 8px 22px rgba(20,30,60,.05);}
.pgd-pay-ic{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;margin-bottom:14px;color:#0D1B2A;background:linear-gradient(180deg,#ffe07a,#efb400);}
.pgd-pay-card h3{font-family:'Montserrat',sans-serif;font-weight:800;font-size:17px;text-transform:uppercase;color:var(--pg-navy);margin:0 0 10px;}
.pgd-pay-card p{font-size:15px;line-height:1.6;color:#3a4453;margin:0 0 14px;}
.pgd-pay-brands{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 12px;}
.pgd-brand{font-size:12.5px;font-weight:800;color:var(--pg-navy);background:#f4f6f9;border:1px solid #e4e8ee;border-radius:8px;padding:8px 14px;}
.pgd-pay-card small{font-size:13px;line-height:1.6;color:#7a828e;}
.pgd-pay-secure{background:linear-gradient(180deg,#f7fbff,#eef5fd);border-color:#dbe7f5;}

/* ---- 2) ВРЪЩАНЕ И РЕКЛАМАЦИИ ---- */
.pgr-stat{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:stretch;}
.pgr-stat-card{display:flex;align-items:center;gap:26px;border-radius:22px;padding:32px 36px;
	background:radial-gradient(120% 150% at 8% 0,#123a6b 0,#0b2650 50%,#06182f 100%);border:1px solid rgba(242,183,5,.36);}
.pgr-stat-n{font-family:'Montserrat',sans-serif;font-weight:800;font-size:76px;line-height:.9;color:var(--pg-gold);text-shadow:0 6px 24px rgba(242,183,5,.35);}
.pgr-stat-txt h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:19px;text-transform:uppercase;color:#fff;margin:0 0 8px;}
.pgr-stat-txt p{font-size:14.5px;line-height:1.6;color:#c9dcf1;margin:0;}
.pgr-stat-txt strong{color:var(--pg-gold);}
.pgr-stat-how{background:#fff;border:1px solid #eceef3;border-radius:22px;padding:28px 30px;box-shadow:0 8px 22px rgba(20,30,60,.05);}
.pgr-stat-how .pgp-eyebrow{color:#c8901a;margin-bottom:12px;}
.pgr-cond{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;}
.pgr-cond-i{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #eceef3;border-radius:14px;padding:16px 18px;font-size:14.5px;font-weight:700;color:var(--pg-navy);box-shadow:0 4px 14px rgba(20,30,60,.04);}
.pgr-cond-i svg{flex:none;color:#1f9f57;}
.pgr-seal{display:flex;gap:20px;background:linear-gradient(180deg,#fff8f2,#ffeee0);border:1.5px solid rgba(200,110,30,.32);border-radius:20px;padding:28px 30px;}
.pgr-seal-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:15px;color:#fff;background:linear-gradient(180deg,#e08a3f,#c26a1c);}
.pgr-seal h3{font-family:'Montserrat',sans-serif;font-weight:800;font-size:17px;text-transform:uppercase;color:#8a4a10;margin:0 0 9px;}
.pgr-seal p{font-size:15px;line-height:1.65;color:#6b4a24;margin:0 0 8px;}
.pgr-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px;}
.pgr-case{background:#fff;border:1px solid #eceef3;border-radius:18px;padding:26px 26px;box-shadow:0 8px 22px rgba(20,30,60,.05);}
.pgr-case-ic{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;margin-bottom:13px;color:#0D1B2A;background:linear-gradient(180deg,#ffe07a,#efb400);}
.pgr-case h3{font-family:'Montserrat',sans-serif;font-weight:800;font-size:16px;text-transform:uppercase;color:var(--pg-navy);margin:0 0 9px;line-height:1.3;}
.pgr-case p{font-size:14.5px;line-height:1.6;color:#3a4453;margin:0 0 11px;}
.pgr-who-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;}
.pgr-who-col{border-radius:18px;padding:26px 28px;}
.pgr-who-you{background:#f6f8fb;border:1px solid #e4e8ee;}
.pgr-who-us{background:linear-gradient(180deg,#f2fbf5,#e6f7ec);border:1.5px solid rgba(31,159,87,.34);}
.pgr-who-tag{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;border-radius:999px;padding:6px 13px;margin-bottom:12px;}
.pgr-who-you .pgr-who-tag{color:#5a6472;background:#e6eaf0;}
.pgr-who-us .pgr-who-tag{color:#14713c;background:rgba(31,159,87,.16);}
.pgr-who-col p{font-size:15px;line-height:1.6;color:#3a4453;margin:0 0 10px;}

/* ---- 3) ОБЩИ УСЛОВИЯ (legal two-column) ---- */
.pgt-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:34px;align-items:start;margin:0 0 46px;}
.pgt-toc{position:sticky;top:96px;background:#fff;border:1px solid #eceef3;border-radius:18px;padding:22px 20px;box-shadow:0 8px 22px rgba(20,30,60,.05);max-height:calc(100vh - 130px);overflow:auto;}
.pgt-toc-h{display:block;font-family:'Montserrat',sans-serif;font-weight:800;font-size:11.5px;letter-spacing:1.4px;text-transform:uppercase;color:#98a1ad;margin:0 0 12px;}
.pgt-toc ol{list-style:none;margin:0;padding:0;counter-reset:none;}
.pgt-toc li{margin:0 0 2px;}
.pgt-toc a{display:flex;gap:10px;align-items:baseline;padding:8px 10px;border-radius:9px;font-size:13.5px;line-height:1.35;color:#5a6472;text-decoration:none;transition:.14s;}
.pgt-toc a span{flex:none;width:20px;font-weight:800;color:#c8901a;font-size:12px;}
.pgt-toc a:hover{background:rgba(242,183,5,.1);color:var(--pg-navy);}
.pgt-sec{background:#fff;border:1px solid #eceef3;border-radius:18px;padding:28px 32px;margin:0 0 16px;box-shadow:0 6px 18px rgba(20,30,60,.04);scroll-margin-top:100px;}
.pgt-sec h2{display:flex;align-items:center;gap:13px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:18px;text-transform:uppercase;letter-spacing:.2px;color:var(--pg-navy);margin:0 0 14px;}
.pgt-n{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;font-size:14px;color:#0D1B2A;background:linear-gradient(180deg,#ffe07a,#efb400);}
.pgt-sec p{font-size:15px;line-height:1.7;color:#3a4453;margin:0 0 12px;}
.pgt-sec p:last-child{margin-bottom:0;}
.pgt-sec a{color:#a5741f;font-weight:600;}

/* ---- 4) ПОВЕРИТЕЛНОСТ ---- */
.pgv-rights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;}
.pgv-right{display:flex;flex-direction:column;gap:5px;background:#fff;border:1px solid #eceef3;border-radius:16px;padding:20px 20px;box-shadow:0 6px 18px rgba(20,30,60,.05);transition:transform .18s,border-color .18s;}
.pgv-right:hover{transform:translateY(-3px);border-color:rgba(242,183,5,.45);}
.pgv-right-ic{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;margin-bottom:6px;color:#0D1B2A;background:linear-gradient(180deg,#ffe07a,#efb400);}
.pgv-right strong{font-family:'Montserrat',sans-serif;font-weight:800;font-size:15px;color:var(--pg-navy);}
.pgv-right small{font-size:13px;line-height:1.45;color:#7a828e;}
.pgv-chips{display:flex;flex-wrap:wrap;gap:9px;}
.pgv-chip{font-size:13.5px;font-weight:600;color:#3a4453;background:#fff;border:1px solid #e4e8ee;border-radius:999px;padding:9px 16px;}
.pgv-share-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;}
.pgv-share-card{background:#fff;border:1px solid #eceef3;border-radius:18px;padding:24px 26px;box-shadow:0 8px 22px rgba(20,30,60,.05);}
.pgv-share-card h3{display:flex;align-items:center;gap:10px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:16px;text-transform:uppercase;color:var(--pg-navy);margin:0 0 10px;}
.pgv-share-card h3 svg{color:var(--pg-gold);}
.pgv-share-card p{font-size:14.5px;line-height:1.62;color:#3a4453;margin:0 0 10px;}
.pgv-share-card a{color:#a5741f;font-weight:700;font-size:14px;text-decoration:none;}
.pgv-share-card a:hover{text-decoration:underline;}
.pgv-kzld{display:flex;gap:20px;background:#f6f8fb;border:1px solid #e0e6ee;border-left:4px solid var(--pg-gold);border-radius:16px;padding:28px 30px;}
.pgv-kzld-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:14px;color:#fff;background:linear-gradient(180deg,#0a3f78,#012a58);}
.pgv-kzld h3{font-family:'Montserrat',sans-serif;font-weight:800;font-size:17px;text-transform:uppercase;color:var(--pg-navy);margin:0 0 9px;}
.pgv-kzld p{font-size:14.5px;line-height:1.65;color:#3a4453;margin:0 0 10px;}
.pgv-kzld-addr{font-size:14px;line-height:1.7;}
.pgv-kzld a{color:#a5741f;font-weight:700;}

/* ---- 5) БИСКВИТКИ ---- */
.pgc-uses{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;}
.pgc-uses span{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #eceef3;border-radius:12px;padding:13px 16px;font-size:14.5px;color:#3a4453;}
.pgc-uses svg{flex:none;color:#1f9f57;}
.pgc-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;}
.pgc-type{background:#fff;border:1.5px solid #eceef3;border-radius:18px;padding:24px 24px;box-shadow:0 8px 22px rgba(20,30,60,.05);}
.pgc-type.is-locked{background:linear-gradient(180deg,#f7fbff,#eef5fd);border-color:#dbe7f5;}
.pgc-type-head{display:flex;align-items:center;gap:13px;margin:0 0 13px;}
.pgc-type-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;color:#0D1B2A;background:linear-gradient(180deg,#ffe07a,#efb400);}
.pgc-type-name{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2;}
.pgc-type-name strong{font-family:'Montserrat',sans-serif;font-weight:800;font-size:16px;color:var(--pg-navy);}
.pgc-type-name small{font-size:11.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#98a1ad;}
.pgc-switch{flex:none;position:relative;width:44px;height:25px;border-radius:999px;background:#dfe4ea;transition:.2s;}
.pgc-switch i{position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.22);transition:.22s;}
.pgc-switch.is-on{background:linear-gradient(180deg,#31a463,#1e7b47);}
.pgc-switch.is-on i{left:22px;}
.pgc-switch-btn{border:0;padding:0;cursor:pointer;-webkit-appearance:none;appearance:none;}
.pgc-switch-btn:focus-visible{outline:2px solid var(--pg-gold);outline-offset:2px;}
.pgc-switch.is-locked{opacity:.6;cursor:not-allowed;}
.pgc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:22px 0 0;}
.pgc-saved{font-size:13.5px;font-weight:700;color:#1e7b47;opacity:0;transform:translateY(2px);transition:.2s;}
.pgc-saved.is-show{opacity:1;transform:none;}
.pgc-type > p{font-size:14.5px;line-height:1.6;color:#3a4453;margin:0 0 12px;}
.pgc-req{display:inline-block;margin-top:13px;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#14713c;background:rgba(31,159,87,.14);border-radius:999px;padding:6px 12px;}
.pgc-dur{display:flex;flex-direction:column;gap:12px;}
.pgc-dur div{display:flex;flex-direction:column;gap:3px;border-left:3px solid var(--pg-gold);padding-left:14px;}
.pgc-dur strong{font-weight:800;color:var(--pg-navy);font-size:15px;}
.pgc-dur span{font-size:14px;line-height:1.55;color:#5a6472;}
.pgc-third{display:flex;flex-wrap:wrap;gap:10px;}
.pgc-third-i{font-size:13.5px;font-weight:700;color:var(--pg-navy);background:#fff;border:1px solid #e4e8ee;border-radius:10px;padding:11px 18px;box-shadow:0 3px 10px rgba(20,30,60,.04);}
.pgc-browsers{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px;}
.pgc-browsers span{font-size:13.5px;font-weight:600;color:#3a4453;background:#f4f6f9;border:1px solid #e4e8ee;border-radius:999px;padding:9px 16px;}

/* ---- 6) ЧЗВ (accordion) ---- */
.pgf-search-wrap{position:relative;display:flex;align-items:center;margin:0 0 20px;}
.pgf-search-ic{position:absolute;left:18px;color:#98a1ad;display:inline-flex;pointer-events:none;}
.pgf-search{width:100%;box-sizing:border-box;height:56px;border:1.5px solid #e4e8ee;border-radius:999px;padding:0 118px 0 50px;background:#fff;font-family:inherit;font-size:15.5px;color:#12161d;box-shadow:0 6px 18px rgba(20,30,60,.05);transition:.15s;}
.pgf-search:focus{outline:none;border-color:var(--pg-gold);box-shadow:0 0 0 3px rgba(242,183,5,.15);}
.pgf-count{position:absolute;right:20px;font-size:13px;font-weight:700;color:#98a1ad;pointer-events:none;}
.pgf-nav{position:sticky;top:88px;z-index:5;display:flex;flex-wrap:wrap;gap:8px;padding:12px;margin:0 0 26px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border:1px solid #eceef3;border-radius:16px;box-shadow:0 6px 18px rgba(20,30,60,.06);}
.pgf-nav-i{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:999px;font-size:13.5px;font-weight:700;color:#5a6472;text-decoration:none;transition:.15s;}
.pgf-nav-i svg{color:#b9c2cd;transition:.15s;}
.pgf-nav-i:hover{background:#f4f6f9;color:var(--pg-navy);}
.pgf-nav-i.is-active{background:linear-gradient(180deg,#ffe07a,#efb400);color:#0D1B2A;box-shadow:0 4px 12px rgba(210,150,10,.28);}
.pgf-nav-i.is-active svg{color:#0D1B2A;}
.pgf-cat{margin:0 0 32px;scroll-margin-top:170px;}
.pgf-cat-h{display:flex;align-items:center;gap:11px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:19px;text-transform:uppercase;letter-spacing:.3px;color:var(--pg-navy);margin:0 0 14px;}
.pgf-cat-ic{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;color:#0D1B2A;background:linear-gradient(180deg,#ffe07a,#efb400);}
.pgf-item{background:#fff;border:1px solid #eceef3;border-radius:14px;margin:0 0 10px;box-shadow:0 4px 14px rgba(20,30,60,.04);overflow:hidden;transition:border-color .16s,box-shadow .16s;}
.pgf-item[open]{border-color:rgba(242,183,5,.5);box-shadow:0 10px 26px rgba(120,80,10,.1);}
.pgf-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:18px 22px;font-weight:700;font-size:15.5px;line-height:1.4;color:var(--pg-navy);}
.pgf-item summary::-webkit-details-marker{display:none;}
.pgf-item summary:hover{color:#a5741f;}
.pgf-q{flex:1;min-width:0;}
.pgf-plus{flex:none;position:relative;width:24px;height:24px;border-radius:50%;background:rgba(242,183,5,.16);transition:background .2s;}
.pgf-plus::before,.pgf-plus::after{content:"";position:absolute;left:50%;top:50%;background:#c8901a;border-radius:2px;transform:translate(-50%,-50%);}
.pgf-plus::before{width:11px;height:2px;}
.pgf-plus::after{width:2px;height:11px;transition:transform .24s;}
.pgf-item[open] .pgf-plus{background:var(--pg-gold);}
.pgf-item[open] .pgf-plus::after{transform:translate(-50%,-50%) scaleY(0);}
.pgf-a{padding:0 22px 20px;font-size:15px;line-height:1.7;color:#3a4453;}
.pgf-a p{margin:0 0 12px;}
.pgf-a p:last-child{margin-bottom:0;}
.pgf-a a{color:#a5741f;font-weight:700;}
.pgf-ol{margin:0 0 12px;padding-left:20px;}
.pgf-ol li{margin:0 0 7px;line-height:1.55;}
.pgf-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;}
.pgf-tags span{font-size:13px;font-weight:700;color:var(--pg-navy);background:rgba(242,183,5,.14);border-radius:8px;padding:7px 13px;}
.pgf-empty{text-align:center;color:#7a828e;font-size:15px;padding:30px 0;}
.pgf-empty a{color:#a5741f;font-weight:700;}

@media(max-width:900px){
	.pgt-layout{grid-template-columns:1fr;}
	.pgt-toc{position:static;max-height:none;}
	.pgr-stat{grid-template-columns:1fr;}
}
@media(max-width:720px){
	.pgp-hero{padding:32px 24px;border-radius:20px;}
	.pgp-title{font-size:27px!important;}
	.pgp-lead{font-size:15.5px;}
	.pgp-contact,.pgd-free,.pgr-stat-card,.pgr-seal,.pgv-kzld,.pgd-check-card{padding:26px 22px;}
	.pgd-free-in,.pgr-seal,.pgv-kzld{flex-direction:column;gap:16px;}
	.pgr-stat-card{flex-direction:column;align-items:flex-start;gap:14px;}
	.pgr-stat-n{font-size:60px;}
	.pgt-sec,.pgp-card,.pgd-pay-card,.pgr-case,.pgv-share-card,.pgc-type{padding:22px 20px;}
	.pgf-nav{top:80px;padding:10px;}
	.pgf-search{height:52px;padding-right:16px;}
	.pgf-count{display:none;}
}