/*
 * PGCO tokens - the only source of colour/spacing/radius/motion (from the 'PGCO style guide and design system').
 * Change values only here; then run `npm run build`.
 * Spacing is a multiple of 8; the v2 font is PGCO (IRANSansXV), defined in style.css.
 */
:root {
	/* brand */
	--pgco-primary: #d71a20;
	--pgco-tint-1: #db3136;
	--pgco-tint-2: #e3484d;
	--pgco-tint-3: #e75f63;
	--pgco-tint-4: #f38d91;
	--pgco-tint-5: #ef767a;
	--pgco-shade-1: #c2181d;
	--pgco-shade-2: #ac151a;
	--pgco-shade-3: #971216;
	--pgco-shade-4: #810f13;
	--pgco-shade-5: #6c0d10;

	/* neutral */
	--pgco-black: #1f1f1f;
	--pgco-secondary: #1f1f1f; /* --e-global-color-secondary in the Elementor kit */
	--pgco-accent: #868686; /* --e-global-color-accent; same as 850f2c7 (menu hover/active) - confirmed */
	--pgco-gray-9: #202020;
	--pgco-gray-8: #404040;
	--pgco-gray-7: #606060;
	--pgco-gray-6: #868686;
	--pgco-gray-5: #adadad;
	--pgco-gray-4: #cbcbcb;
	--pgco-gray-3: #dfdfdf;
	--pgco-gray-2: #ededed;
	--pgco-gray-1: #f9f9f9;
	--pgco-white: #fff;

	/* status */
	--pgco-error: #dc2626;
	--pgco-success: #16a34a;
	--pgco-warning: #f59e0b;
	--pgco-info: #2563eb;

	/* roles */
	--pgco-text: #404040; /* --e-global-color-text */
	--pgco-text-muted: var(--pgco-gray-7);
	--pgco-border: var(--pgco-gray-3);
	--pgco-bg: #f9f9f9; /* main site background */
	--pgco-surface: var(--pgco-white); /* card/header */
	--pgco-surface-alt: var(--pgco-gray-1);

	/* spacing (PGCO design system) */
	--pgco-space-1: 8px;
	--pgco-space-2: 12px;
	--pgco-space-3: 16px;
	--pgco-space-4: 24px;
	--pgco-space-5: 32px;
	--pgco-space-6: 40px;
	--pgco-space-7: 48px;
	--pgco-space-8: 56px;
	--pgco-space-9: 64px;
	--pgco-space-10: 80px;
	--pgco-space-11: 120px;
	--pgco-space-12: 160px;

	/* layout: content width 1140px + 16px side padding (px-4) */
	--pgco-container: 1140px;
	--pgco-gutter: 16px;

	/* radius and shadow */
	--pgco-radius-sm: 8px;
	--pgco-radius-md: 16px;
	--pgco-radius-lg: 24px;
	--pgco-shadow: 0 8px 24px rgb(0 0 0 / 0.08);

	/* motion */
	--pgco-duration: 200ms;
	--pgco-ease: cubic-bezier(0.4, 0, 0.2, 1);

	/* font */
	--pgco-font-family: 'PGCO', system-ui, sans-serif;

	/* design-system typography (Display / H1-H6 / Body / Caption / Label / Input / Button / Product) */
	--pgco-fw-semibold: 600;
	--pgco-fw-extrabold: 800;
	--pgco-t-display-1-size: 58px;
	--pgco-t-display-1-weight: 800;
	--pgco-t-display-1-lh: 1.4;
	--pgco-t-display-2-size: 48px;
	--pgco-t-display-2-weight: 800;
	--pgco-t-display-2-lh: 1.2;
	--pgco-t-display-3-size: 40px;
	--pgco-t-display-3-weight: 700;
	--pgco-t-display-3-lh: 1.2;
	--pgco-t-h1-size: 28px;
	--pgco-t-h1-weight: 700;
	--pgco-t-h1-lh: 1.4;
	--pgco-t-h2-size: 24px;
	--pgco-t-h2-weight: 700;
	--pgco-t-h2-lh: 1.4;
	--pgco-t-h3-size: 20px;
	--pgco-t-h3-weight: 700;
	--pgco-t-h3-lh: 1.4;
	--pgco-t-h4-size: 18px;
	--pgco-t-h4-weight: 600;
	--pgco-t-h4-lh: 1.4;
	--pgco-t-h5-size: 16px;
	--pgco-t-h5-weight: 600;
	--pgco-t-h5-lh: 1.4;
	--pgco-t-h6-size: 14px;
	--pgco-t-h6-weight: 600;
	--pgco-t-h6-lh: 1.4;
	--pgco-t-body-lg-size: 18px;
	--pgco-t-body-lg-weight: 400;
	--pgco-t-body-lg-lh: 1.8;
	--pgco-t-body-size: 16px;
	--pgco-t-body-weight: 400;
	--pgco-t-body-lh: 1.8;
	--pgco-t-body-sm-size: 14px;
	--pgco-t-body-sm-weight: 400;
	--pgco-t-body-sm-lh: 1.8;
	--pgco-t-caption-lg-size: 14px;
	--pgco-t-caption-lg-weight: 500;
	--pgco-t-caption-lg-lh: 1.8;
	--pgco-t-caption-size: 12px;
	--pgco-t-caption-weight: 500;
	--pgco-t-caption-lh: 1.8;
	--pgco-t-caption-sm-size: 11px;
	--pgco-t-caption-sm-weight: 400;
	--pgco-t-caption-sm-lh: 1.8;
	--pgco-t-label-size: 13px;
	--pgco-t-label-weight: 400;
	--pgco-t-label-lh: 1.8;
	--pgco-t-input-size: 14px;
	--pgco-t-input-weight: 500;
	--pgco-t-input-lh: 1.8;
	--pgco-t-btn-lg-size: 16px;
	--pgco-t-btn-lg-weight: 600;
	--pgco-t-btn-lg-lh: 1.8;
	--pgco-t-btn-size: 14px;
	--pgco-t-btn-weight: 600;
	--pgco-t-btn-lh: 24px;
	--pgco-t-btn-sm-size: 12px;
	--pgco-t-btn-sm-weight: 600;
	--pgco-t-btn-sm-lh: 24px;
	--pgco-t-product-name-size: 16px;
	--pgco-t-product-name-weight: 600;
	--pgco-t-product-name-lh: 1.8;
	--pgco-t-product-desc-size: 14px;
	--pgco-t-product-desc-weight: 500;
	--pgco-t-product-desc-lh: 24px;
	--pgco-t-product-spec-size: 12px;
	--pgco-t-product-spec-weight: 500;
	--pgco-t-product-spec-lh: 24px;
	--pgco-t-product-tag-size: 12px;
	--pgco-t-product-tag-weight: 500;
	--pgco-t-product-tag-lh: 24px;
}

/* design system: styles that change on mobile (below 768). h1/h2 shrink from 1279 like the Elementor kit. */
@media (max-width: 1279px) {
	:root {
		--pgco-t-h1-size: 26px;
		--pgco-t-h2-size: 22px;
	}
}

@media (max-width: 767px) {
	:root {
		--pgco-t-display-1-size: 40px;
		--pgco-t-display-2-size: 36px;
		--pgco-t-display-3-size: 32px;
		--pgco-t-body-lg-size: 17px;
		--pgco-t-caption-weight: 400;
		--pgco-t-btn-lh: 1.8;
	}
}

/* ==========================================================================
   theme component tokens (header, menu, footer, forms) - exact values of the current Theme Builder.
   Component CSS (tailwind/components/*.css) reads only these variables; change values here.
   Responsive values are overridden here too (below), not in the component.
   ========================================================================== */
:root {
	/* font weight and size */
	--pgco-fw-regular: 400;
	--pgco-fw-medium: 500;
	--pgco-fw-bold: 700;
	--pgco-fs-11: 11px;
	--pgco-fs-12: 12px;
	--pgco-fs-13: 13px;
	--pgco-fs-14: 14px;
	--pgco-fs-15: 15px;
	--pgco-fs-16: 16px;
	--pgco-fs-18: 18px;
	--pgco-lh-none: 1;
	--pgco-lh-footer: 22px;
	--pgco-lh-footer-post: 23px;

	/* hairlines and small gaps */
	--pgco-hair: 1px;
	--pgco-hair-strong: 1.6px;
	--pgco-space-half: 4px;
	--pgco-social-gap: 5px;
	--pgco-footer-list-gap: 15px;
	--pgco-mega-grid-gap: 20px var(--pgco-space-5);

	/* icon size */
	--pgco-icon-14: 14px;
	--pgco-icon-16: 16px;
	--pgco-icon-18: 18px;
	--pgco-icon-20: 20px;
	--pgco-icon-24: 24px;
	--pgco-icon-25: 25px;
	--pgco-icon-36: 36px;

	/* helper colours */
	--pgco-divider: #3333331a;
	--pgco-border-strong: #33333333;
	--pgco-hairline: #00000013;
	--pgco-scrim: rgb(0 0 0 / 0.5);
	--pgco-primary-hover: #d71a20b3;
	--pgco-call: #090;
	--pgco-footer-bg: #000;
	--pgco-footer-text: var(--pgco-gray-4);
	--pgco-footer-line: var(--pgco-gray-8);

	/* shadow */
	--pgco-shadow-panel: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	--pgco-shadow-offcanvas: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
	--pgco-shadow-bar: 0 0 9px rgb(0 0 0 / 0.12156862745098039);

	/* controls: buttons and fields */
	--pgco-control-h: 56px;
	--pgco-btn-w: 175px;
	--pgco-btn-pad: 20px;
	--pgco-btn-radius: var(--pgco-radius-sm);
	--pgco-field-border-w: 2px;
	--pgco-field-pad-x: 20px;
	--pgco-cta-w: var(--pgco-btn-w);
	--pgco-cta-pad: var(--pgco-btn-pad);
	--pgco-cta-fs: var(--pgco-fs-16);

	/* header */
	--pgco-header-pad-x: 10px;
	--pgco-header-pad-top: 10px;
	--pgco-header-offset: 25px;
	--pgco-header-z: 99;
	--pgco-header-gap: 20px;
	--pgco-header-bottom-gap: 20px;
	--pgco-logo-w: 140px;
	--pgco-actions-gap: 10px;
	--pgco-flag-w: 26px;
	--pgco-flag-h: 19px;
	--pgco-flag-gap: 10px;
	--pgco-burger-pad: 10px;
	--pgco-burger-icon: var(--pgco-icon-24);

	/* horizontal menu and mega menu */
	--pgco-nav-item-gap: 10px;
	--pgco-nav-divider-w: 1px;
	--pgco-nav-divider-h: 20px;
	--pgco-nav-link-py: 10px;
	--pgco-nav-fs: var(--pgco-fs-14);
	--pgco-mega-tabs-w: 250px;
	--pgco-mega-max-h: 70vh;
	--pgco-mega-content-min-w: 700px;
	--pgco-dropdown-max-w: 560px;

	/* overlay behind the mega menu (like the mobile off-canvas) */
	--pgco-overlay-z: 98;
	/* one backdrop for every overlay: mega menu, mobile off-canvas, lightbox */
	--pgco-backdrop-bg: rgb(15 23 42 / 0.5);
	--pgco-backdrop-blur: 5px;

	/* motion and interaction: subtle; only when the user did not ask for reduced motion (motion.css) */
	--pgco-motion: 200ms;
	--pgco-motion-pop: 220ms;
	--pgco-lift: -2px;
	--pgco-lift-sm: -1px;
	--pgco-press: 0.97;
	--pgco-grow: 1.08;
	--pgco-focus-ring: 2px solid var(--pgco-primary);
	--pgco-shadow-lift: 0 6px 14px rgb(0 0 0 / 0.16);
	--pgco-motion-slow: 450ms;
	--pgco-zoom: 1.05;
	--pgco-stagger: 60ms;
	--pgco-rise: 12px;
	--pgco-float: 6px;

	/* off-canvas */
	--pgco-mobile-pad: 15px;
	--pgco-mnav-pad-x: 20px;
	--pgco-tab-border-w: 2px;
	--pgco-tab-pad: 14px;
	--pgco-tab-fs: var(--pgco-fs-15);
	--pgco-close-size: 32px;
	--pgco-offcanvas-w: 50%;
	--pgco-offcanvas-duration: 0.4s;
	--pgco-offcanvas-z: 60;

	/* footer */
	--pgco-footer-offset: 25px;
	--pgco-footer-pad-x: 10px;
	--pgco-footer-pad-bottom: var(--pgco-space-6);
	--pgco-footer-gap: 20px;
	--pgco-footer-logo-w: 100%;
	--pgco-footer-seal-w: 90px;
	--pgco-footer-bg-opacity: 0.2;
	--pgco-social-size: 50px;
	--pgco-social-icon: var(--pgco-icon-25);
	--pgco-bar-pad: 5px;
	--pgco-bar-z: 10;
	--pgco-call-size: 70px;
	--pgco-call-bottom: 35px;
	--pgco-call-z: 1000;

	/* generic accordion and FAQ (phase 4) */
	--pgco-acc-gap: var(--pgco-space-2);
	--pgco-acc-pad: var(--pgco-space-3) var(--pgco-space-4);
	--pgco-acc-panel-pad: 0 var(--pgco-space-4) var(--pgco-space-3);
	--pgco-acc-radius: var(--pgco-radius-sm);
	--pgco-acc-icon: var(--pgco-icon-20);
	--pgco-faq-title-gap: var(--pgco-space-4);
	--pgco-prose-gap: var(--pgco-space-1);

	/* generic tabs (phase 4; --pgco-tab-border-w and --pgco-tab-fs/pad are the mobile tab tokens) */
	--pgco-tabs-gap: var(--pgco-space-1);
	--pgco-tabs-pad: var(--pgco-tab-pad) var(--pgco-space-3);
	--pgco-tabs-fs: var(--pgco-tab-fs);
	--pgco-tabs-panel-pad: var(--pgco-space-3);

	/* lists: page, grid, card, box, slider (phase 5-a; from the Theme Builder category/search/blog-card templates) */
	--pgco-page-pad-x: 10px;
	--pgco-listing-top: 30px;
	--pgco-listing-gap: 20px;
	--pgco-side-gap: 20px;
	--pgco-sticky-top: 120px;
	--pgco-sticky-bottom: 20px;
	--pgco-anchor-offset: 131px;
	--pgco-cards-cols: 3;
	--pgco-cards-cols-search: 3;
	--pgco-cards-gap: 10px;
	--pgco-cards-gap-search: 20px;
	--pgco-card-radius: var(--pgco-radius-md);
	--pgco-card-shadow: 0 2px 4px rgb(0 0 0 / 0.12);
	--pgco-card-gap: var(--pgco-space-1);
	--pgco-card-ratio: 16 / 9;
	--pgco-card-meta-pad: var(--pgco-space-half) var(--pgco-space-3) 0;
	--pgco-card-meta-fs: var(--pgco-fs-12);
	--pgco-card-title-pad: 2px var(--pgco-space-3) var(--pgco-space-3);
	--pgco-card-title-fs: var(--pgco-fs-14);
	--pgco-card-title-lh: 28px;
	--pgco-card-lines: 2;
	--pgco-card-m-ratio: 2 / 1;
	--pgco-card-m-title-lh: 24px;
	--pgco-list-gap: 10px;
	--pgco-list-fs: var(--pgco-fs-14);
	--pgco-box-w: 98%;
	--pgco-box-pad: var(--pgco-space-4);
	--pgco-box-radius: var(--pgco-radius-sm);
	--pgco-box-shadow: 0 0 4px rgb(0 0 0 / 0.5);
	--pgco-box-title-fs: var(--pgco-fs-16);
	--pgco-line-accent-w: 3px;
	--pgco-line-accent-len: 40%;
	--pgco-line-gap: 14px;
	--pgco-social-page-size: 26px;
	--pgco-slider-h: 380px;
	--pgco-slider-dot: 8px;
	--pgco-slider-dot-active-scale: 3;
	--pgco-slider-dot-gap: 8px;
	--pgco-slider-gap: 10px;
	--pgco-slider-btn: 40px;
	--pgco-page-btn: 40px;
	--pgco-search-page-w: 560px;
	--pgco-chip-radius: 999px;
	--pgco-404-code: 96px;

	/* blog, carousel, playlist, breadcrumb, section head (phase 5-b; from the 'blog' template 25075) */
	--pgco-blog-gap: 20px;
	--pgco-catbox-bg: #fffffe;
	--pgco-catbox-pad: 10px;
	--pgco-catbox-img: 55px;
	--pgco-catbox-shadow-hover: 0 0 4px 1px rgb(0 0 0 / 0.3);
	--pgco-crumb-text: #353535;
	--pgco-crumb-link: #656565;
	--pgco-section-title-fs: var(--pgco-t-h3-size);
	--pgco-section-icon: 32px;
	--pgco-carousel-gap: 10px;
	--pgco-playlist-list-w: 37%;
	--pgco-playlist-gap: 16px;
	--pgco-playlist-radius: var(--pgco-radius-sm);
	--pgco-playlist-stage-bg: #202128;
	--pgco-playlist-play: 72px;
	--pgco-playlist-head-h: 56px;
	--pgco-playlist-item-h: 60px;
	--pgco-playlist-thumb-w: 75px;
	--pgco-playlist-line: #d5dadf;
	--pgco-playlist-active: #e6e7ef;
	--pgco-playlist-mobile-h: 300px;

	/* single article, table of contents, share, labels (phase 5-c; from the 'single article' template 46008) */
	--pgco-fs-20: 20px;
	--pgco-article-gap: 20px;
	--pgco-article-col-gap: 30px;
	--pgco-article-pad: 16px;
	--pgco-article-border: #ededed;
	--pgco-article-media-w: 48%;
	--pgco-article-img-ratio: 367 / 206;
	--pgco-article-side-gap: 16px;
	--pgco-prose-lh: var(--pgco-t-body-lh);
	--pgco-box-soft-line: var(--pgco-gray-4);
	--pgco-box-soft-line-w: 2px;
	--pgco-box-soft-accent-len: 40px;
	--pgco-labels-bg: #e5e5e5;
	--pgco-labels-radius: 30px;
	--pgco-labels-lh: 20px;
	--pgco-toc-bg: #ededed;
	--pgco-toc-radius: var(--pgco-radius-md);
	--pgco-toc-link: #000;
	--pgco-share-pad: 20px;
	--pgco-share-radius: 15px;
	--pgco-share-bg: #0000001a;
	--pgco-share-copy-bg: #f3f4f6;
	--pgco-share-copy-pad-x: 18px;
	--pgco-share-btn: 40px;
	--pgco-share-icon: 20px;
	--pgco-share-email: #ea4335;
	--pgco-share-linkedin: #0077b5;
	--pgco-share-telegram: #2ca5e0;
	--pgco-share-x: #000;
	--pgco-share-whatsapp: #25d366;

	/* price page and experts (phase 5-d; from Theme Builder templates 64002... and 53608) */
	--pgco-price-gap: 20px;
	--pgco-price-side-gap: 16px;
	--pgco-price-chips-bg: var(--pgco-gray-2);
	--pgco-price-chips-border: var(--pgco-gray-4);
	--pgco-price-chips-radius: 12px;
	--pgco-price-chips-pad: var(--pgco-space-1);
	--pgco-price-chip-gap: var(--pgco-space-1);
	--pgco-price-chip-pad: 6px;
	--pgco-price-chip-img: 42px;
	--pgco-price-chip-fs: var(--pgco-fs-14);
	--pgco-price-chip-color: #656565;
	--pgco-price-hero-img-h: 240px;
	--pgco-price-list-pad: 12px;
	--pgco-price-list-fs: var(--pgco-fs-16);
	--pgco-price-list-item-pad: 10px var(--pgco-space-3);
	--pgco-price-zebra: #f4f4f4;
	--pgco-price-group-img: 96px;
	--pgco-price-group-img-border: #d71a2066;
	--pgco-price-group-gap: 16px;
	--pgco-price-date-fs: var(--pgco-fs-14);
	--pgco-cta-green: #019a4d;
	--pgco-cta-green-hover: #017d3f;
	--pgco-cta-shadow: 0 0 4px rgb(0 0 0 / 0.5);
	--pgco-cta-pad-y: 15px;
	--pgco-cta-pad-x: 22px;
	--pgco-quick-shadow: 0 2px 5px rgb(0 0 0 / 0.25);
	--pgco-check-bg: #019a4d08;
	--pgco-check-gap: 16px;
	--pgco-check-icon: 20px;
	--pgco-expert-media-h: 150px;
	--pgco-expert-media-bg: var(--pgco-gray-2);
	--pgco-expert-btn-pad: 12px;
	--pgco-expert-telegram: #26a5e4;
	--pgco-expert-whatsapp: #25d366;
	--pgco-expert-bale: #0aca9b;
	--pgco-expert-rubika: #794387;
	--pgco-expert-dot: 6px;
	--pgco-expert-dot-gap: 4px;
	--pgco-expert-dot-off: #d71a2033;

	/* services, hero banner, form band, form (phase 5-e; from Theme Builder templates 62057 archive, 62144 single service, 62094 card) */
	--pgco-service-gap: 20px;
	--pgco-service-actions-gap: 10px;
	--pgco-service-main-fr: 72fr;
	--pgco-service-side-fr: 28fr;
	--pgco-service-intro-media-w: 50%;
	--pgco-service-list-pad: 10px;
	--pgco-service-list-color: #777;
	--pgco-service-card-h: 240px;
	--pgco-service-card-pad: 16px 24px;
	--pgco-service-card-gap: 10px;
	--pgco-service-card-fs: var(--pgco-fs-20);
	--pgco-service-card-lh: 28px;
	--pgco-service-card-text-lh: 22px;
	--pgco-service-card-lines: 2;
	--pgco-service-card-grad: linear-gradient(rgb(0 0 0 / 0), rgb(0 0 0 / 0.6));
	--pgco-service-more-blur: 3px;
	--pgco-service-more-icon: 26px;
	--pgco-service-more-fs: var(--pgco-fs-12);
	--pgco-hero-min-h: 300px;
	--pgco-hero-pad: 32px;
	--pgco-hero-gap: 24px;
	--pgco-hero-radius: var(--pgco-radius-md);
	--pgco-hero-title-fs: 40px;
	--pgco-hero-title-lh: 60px;
	--pgco-hero-title-ls: -1px;
	--pgco-hero-text-w: 400px;
	--pgco-hero-text-shadow: -3px 3px 0 rgb(0 0 0 / 0.98);
	--pgco-hero-overlay: linear-gradient(to left, rgb(0 0 0 / 0.55), rgb(0 0 0 / 0) 70%);
	--pgco-hero-pos: center;
	--pgco-hero-justify: flex-start;
	--pgco-band-bg: #f1f1f1;
	--pgco-band-mt: 44px;
	--pgco-band-pad-x: 10px;
	--pgco-band-gap: 16px;
	--pgco-form-gap: 16px;
	--pgco-form-control-h: 48px;
	--pgco-form-control-border: var(--pgco-gray-4);
	--pgco-form-textarea-h: 150px;
	--pgco-form-label-fs: var(--pgco-fs-14);
	--pgco-form-error-bg: color-mix(in srgb, var(--pgco-error) 8%, var(--pgco-white));
	--pgco-form-ok-bg: color-mix(in srgb, var(--pgco-success) 10%, var(--pgco-white));
	--pgco-form-compact-h: 40px;
	--pgco-form-spinner: 16px;
	--pgco-spin: 0.8s;
	--pgco-fab-offset: 30px;
	--pgco-fab-offset-mobile-y: 60px;
	--pgco-fab-offset-mobile-x: 15px;
	--pgco-fab-stagger: 50ms;
	--pgco-fab-z: 9999;
	--pgco-fab-toggle: 62px;
	--pgco-fab-link: 48px;
	--pgco-fab-icon: 34px;
	--pgco-fab-img: 28px;
	--pgco-fab-close: #ff3b30;
	--pgco-fab-item-bg: #333;
	--pgco-fab-item-bg-hover: #555;
	--pgco-fab-shadow: 0 4px 12px rgb(0 0 0 / 0.3);
	--pgco-fab-pulse: 0 0 0 0 var(--pgco-primary);
	--pgco-fab-pulse-end: 0 0 0 15px transparent;
	--pgco-fab-pulse-time: 2s;
	--pgco-fab-shift: 14px;
	--pgco-fab-item-scale: 0.85;
	--pgco-ms-list-h: 220px;
	--pgco-ms-arrow: 10px;
	--pgco-ms-z: 40;
	--pgco-upload-remove-space: 44px;
	--pgco-search-results-h: 320px;
	--pgco-search-z: 60;
	--pgco-lightbox-pad: 56px 72px;
	--pgco-lightbox-pad-mobile: 56px 12px;
	--pgco-lightbox-chevron: 12px;
	--pgco-lightbox-btn: 44px;
	--pgco-lightbox-btn-bg: rgb(255 255 255 / 0.16);
	--pgco-lightbox-btn-bg-hover: rgb(255 255 255 / 0.3);
	--pgco-lightbox-nav-fs: 24px;
	--pgco-lightbox-fade: 220ms;
	--pgco-lightbox-fade-out: 180ms;
	--pgco-lightbox-zoom-from: 0.92;
	--pgco-lightbox-swap-from: 0.97;
	--pgco-star-default: #f5a623;
	--pgco-star-off: var(--pgco-gray-3);
	--pgco-star-size: 26px;
	--pgco-star-loading: 0.6;
	--pgco-comment-avatar: 40px;
	--pgco-comment-gap: var(--pgco-space-3);
	--pgco-comment-pad: var(--pgco-space-3);
	--pgco-comment-indent: 48px;
	--pgco-comment-avatar-bg: var(--pgco-gray-2);
	--pgco-comment-staff-bg: color-mix(in srgb, var(--pgco-primary) 6%, var(--pgco-white));

	/* home page and price board (phase 5-e; from the Theme Builder 'home' template 64260 and 'daily steel price' 63231) */
	--pgco-home-pad-y: 24px;
	--pgco-home-gap: 40px;
	--pgco-home-section-gap: 20px;
	--pgco-home-lead-w: 50%;
	--pgco-home-lead-pad: 32px;
	--pgco-home-lead-title-fs: 32px;
	--pgco-home-lead-title-lh: 1.4;
	--pgco-home-lead-form-w: 360px;
	--pgco-home-quick-gap: 8px;
	--pgco-home-benefits-gap: 24px;
	--pgco-home-benefit-img: 80px;
	--pgco-home-video-ratio: 12 / 6.8;
	--pgco-home-why-cols: 5;
	--pgco-home-why-cols-t: 3;
	--pgco-home-why-cols-m: 2;
	--pgco-home-why-icon: 55px;
	--pgco-home-logo-h: 110px;
	--pgco-home-logo-w: 110px;
	--pgco-marquee-pad-block: 4px 10px;
	--pgco-marquee-fade: 4%;
	--pgco-board-radius: var(--pgco-radius-md);
	--pgco-board-side-w: 230px;
	--pgco-board-pad: 16px;
	--pgco-board-title-fs: 24px;
	--pgco-board-title-lh: 1.8;
	--pgco-board-control-h: 40px;
	--pgco-board-filter-img: 75px;
	--pgco-board-select-w: 200px;
	--pgco-board-table-max-h: 548px;
}

/* responsive: this site's Elementor breakpoints (1279, 1024, 768, 450) */
@media (max-width: 1279px) {
	:root {
		--pgco-header-bottom-gap: 12px;
		--pgco-nav-item-gap: 8px;
		--pgco-slider-h: 330px;
	}
}

/* 1025 to 1139: the menu row is tight (10 items + categories + flag); slightly smaller gap and font so the items stay in one row */
@media (max-width: 1139px) {
	:root {
		--pgco-header-bottom-gap: 8px;
		--pgco-nav-item-gap: 6px;
		--pgco-nav-fs: var(--pgco-fs-13);
	}
}

@media (max-width: 1099px) {
	:root {
		--pgco-nav-item-gap: 5px;
	}
}

@media (max-width: 1024px) {
	:root {
		--pgco-footer-pad-bottom: 70px;
		--pgco-footer-logo-w: 50%;
		--pgco-slider-h: 220px;
		--pgco-cards-cols: 2;
		--pgco-cards-cols-search: 2;
		--pgco-hero-title-fs: 30px;
		--pgco-hero-title-lh: 50px;
		--pgco-hero-overlay: linear-gradient(rgb(0 0 0 / 0.4), rgb(0 0 0 / 0.4));
		--pgco-hero-pos: left bottom;
		--pgco-band-pad-x: 16px;
		--pgco-home-lead-title-fs: 26px;
	}
}

@media (max-width: 768px) {
	:root {
		--pgco-header-pad-x: 15px;
		--pgco-header-gap: 0;
		--pgco-logo-w: 100px;
		--pgco-actions-gap: 20px;
		--pgco-cta-w: auto;
		--pgco-cta-pad: 15px;
		--pgco-cta-fs: var(--pgco-fs-14);
		--pgco-burger-pad: 5px 0 5px 5px;
		--pgco-offcanvas-w: 80%;
		--pgco-tab-pad: 12px;
		--pgco-tab-fs: var(--pgco-fs-14);
		--pgco-footer-pad-x: 15px;
		--pgco-footer-pad-bottom: 120px;
		--pgco-footer-gap: 10px;
		--pgco-social-size: 36px;
		--pgco-social-icon: var(--pgco-icon-18);
		--pgco-acc-pad: var(--pgco-space-2) var(--pgco-space-3);
		--pgco-acc-panel-pad: 0 var(--pgco-space-3) var(--pgco-space-2);
		--pgco-faq-title-gap: var(--pgco-space-3);
		--pgco-page-pad-x: 15px;
		--pgco-listing-top: 20px;
		--pgco-cards-gap-search: 15px;
		--pgco-404-code: 72px;
		--pgco-blog-gap: 12px;
		--pgco-comment-avatar: 32px;
		--pgco-comment-indent: 20px;
		--pgco-comment-pad: var(--pgco-space-2);
		--pgco-section-title-fs: var(--pgco-t-h4-size);
		--pgco-section-icon: 28px;
		--pgco-share-copy-pad-x: 10px;
		--pgco-anchor-offset: 80px;
		--pgco-price-chip-img: 34px;
		--pgco-price-chip-fs: var(--pgco-fs-12);
		--pgco-price-group-img: 72px;
		--pgco-price-group-gap: 12px;
		--pgco-hero-min-h: 400px;
		--pgco-hero-title-fs: 26px;
		--pgco-hero-title-lh: 36px;
		--pgco-hero-justify: center;
		--pgco-home-gap: 32px;
		--pgco-home-pad-y: 16px;
		--pgco-home-benefit-img: 75px;
		--pgco-home-why-icon: 48px;
		--pgco-home-logo-h: 110px;
	}
}

@media (max-width: 450px) {
	:root {
		--pgco-logo-w: 95px;
		--pgco-actions-gap: 14px;
		--pgco-cta-pad: 14px 10px;
		--pgco-cta-fs: var(--pgco-fs-13);
		--pgco-flag-gap: 8px;
		--pgco-burger-pad: 8px 0 8px 8px;
		--pgco-burger-icon: var(--pgco-icon-20);
		--pgco-footer-logo-w: 70%;
		--pgco-cards-cols: 1;
		--pgco-cards-gap-search: 10px;
		--pgco-prose-lh: 2;
	}
}

/* weight calculator (tabs beside the form from 768px; phase 6, ported from ahanshahr) */
:root {
	--pgco-calc-side-w: 180px;
	--pgco-calc-gap: var(--pgco-space-4);
	--pgco-calc-field-gap: var(--pgco-space-3);
	--pgco-calc-label-bg: var(--pgco-gray-1);
	--pgco-calc-label-fs: var(--pgco-fs-14);
	--pgco-calc-unit-fs: var(--pgco-fs-12);
	--pgco-calc-result-pad: 10px 24px;
	--pgco-calc-value-fs: var(--pgco-t-h3-size);
}

/* weight calculator page: two columns 7/3 (6/4 up to 1024, one column up to 768) */
:root {
	--pgco-weight-gap: var(--pgco-space-3);
	--pgco-weight-cols: minmax(0, 7fr) minmax(0, 3fr);
}

@media (max-width: 1024px) {
	:root {
		--pgco-weight-cols: minmax(0, 6fr) minmax(0, 4fr);
	}
}

@media (max-width: 768px) {
	:root {
		--pgco-weight-cols: minmax(0, 1fr);
	}
}

/* call card (red 'call now' card of the sidebars; from the Elementor call card of the weight page) */
:root {
	--pgco-callcard-gap: var(--pgco-space-3);
	--pgco-callcard-pad: var(--pgco-space-3);
	--pgco-callcard-radius: var(--pgco-radius-md);
	--pgco-callcard-title-border: 2px solid var(--pgco-white);
	--pgco-callcard-title-fs: var(--pgco-fs-15);
	--pgco-callcard-title-pad: var(--pgco-space-1);
	--pgco-callcard-btn-bg: #eff3ff;
	--pgco-callcard-btn-fs: var(--pgco-fs-16);
	--pgco-callcard-btn-h: 48px;
	--pgco-callcard-stripe-w: 50px;
	--pgco-callcard-icon-gap: 13px;
	--pgco-callcard-tg: #26a5e4;
	--pgco-callcard-call: #019a4d;
	--pgco-callcard-img-w: 29%;
	--pgco-callcard-phone-fs: 32px;
	--pgco-callcard-phone-shadow: -2px 2px 2px #990d12;
	--pgco-callcard-pulse: 800ms;
}

/* tabs in 'stack' mode on mobile */
:root {
	--pgco-tabs-stack-gap: var(--pgco-space-1);
	--pgco-tabs-stack-pad: var(--pgco-space-2) var(--pgco-space-3);
}

/* scroll reveal, heading line, reading progress */
:root {
	--pgco-reveal-shift: 18px;
	--pgco-reveal-time: 550ms;
	--pgco-line-time: 900ms;
	--pgco-progress-h: 3px;
	--pgco-progress-z: 60;
}

/*
 * Bridge for code that still reads the Elementor kit's global colours (legacy style.css, misc.php, search.php, third-party plugins): without the kit's CSS
 * (the `noel` test, and after Elementor is removed) they fall back to the theme tokens. With the kit loaded it sets the same names on body.elementor-kit-*, which wins for
 * everything inside the page, so nothing changes today.
 */
:root {
	--e-global-color-primary: var(--pgco-primary);
	--e-global-color-secondary: var(--pgco-secondary);
	--e-global-color-text: var(--pgco-text);
	--e-global-color-accent: var(--pgco-accent);
	--e-global-color-850f2c7: var(--pgco-accent);
	--e-global-color-0de7f16: var(--pgco-gray-4);
	--e-global-color-4196a48: var(--pgco-white);
}

/* special pages and generic content blocks (phase 6: about, contact, cooperate, inquiry, freight, consult, representation, exhibition, landing) */
:root {
	--pgco-sp-gap: var(--pgco-space-5);
	--pgco-sp-inner-gap: var(--pgco-space-3);
	--pgco-sp-panel-pad: var(--pgco-space-4);
	--pgco-sp-panel-radius: var(--pgco-radius-md);
	--pgco-sp-panel-shadow: var(--pgco-card-shadow);
	--pgco-sp-cols: minmax(0, 1fr) minmax(0, 1fr);
	--pgco-tabs-icon: var(--pgco-icon-24);

	/* icon grid, steps, text beside a picture, quotes, countdown */
	--pgco-feat-gap: var(--pgco-space-3);
	--pgco-feat-pad: var(--pgco-space-4);
	--pgco-feat-icon: 56px;
	--pgco-feat-title-fs: var(--pgco-fs-15);
	--pgco-steps-min: 200px;
	--pgco-steps-gap: var(--pgco-space-4);
	--pgco-steps-num: 32px;
	--pgco-steps-icon: 64px;
	--pgco-steps-line: 2px dotted var(--pgco-gray-4);
	--pgco-steps-ratio: 4 / 3;
	--pgco-tm-gap: var(--pgco-space-5);
	--pgco-tm-img-radius: var(--pgco-radius-md);
	--pgco-testi-pad: var(--pgco-space-4);
	--pgco-testi-img: 72px;
	--pgco-testi-audio-w: 260px;
	--pgco-count-gap: var(--pgco-space-2);
	--pgco-count-num-w: 72px;
	--pgco-count-num-h: 80px;
	--pgco-count-num-fs: 36px;
	--pgco-count-num-bg: var(--pgco-primary);

	/* job tabs, exhibition, about, contact */
	--pgco-jobs-cols: minmax(0, 1fr) minmax(0, 1fr);
	--pgco-expo-video-ratio: 16 / 9;
	--pgco-expo-img-ratio: 4 / 3;
	--pgco-about-logo-w: 110px;
	--pgco-about-logo-h: 60px;
	--pgco-contact-map-h: 360px;

	/* landing builder */
	--pgco-lp-pad-x: max(var(--pgco-page-pad-x), calc((100% - var(--pgco-container)) / 2));
	--pgco-lp-pad-y: var(--pgco-space-6);
	--pgco-lp-logo-h: 48px;
	--pgco-lp-tagline-w: 240px;
	--pgco-lp-hero-h: 420px;
	--pgco-lp-hero-text-w: 560px;
	--pgco-lp-hero-overlay: linear-gradient(to left, rgb(0 0 0 / 0.55), rgb(0 0 0 / 0) 75%);
	--pgco-lp-badge-fs: 48px;
	--pgco-lp-count-pad-y: var(--pgco-space-9);
	--pgco-lp-count-overlay: rgb(0 0 0 / 0.5);
	--pgco-lp-side-cols: minmax(0, 3fr) minmax(0, 2fr);
}

@media (max-width: 1024px) {
	:root {
		--pgco-lp-hero-h: 360px;
		--pgco-lp-pad-y: var(--pgco-space-5);
	}
}

@media (max-width: 768px) {
	:root {
		--pgco-sp-gap: var(--pgco-space-4);
		--pgco-sp-panel-pad: var(--pgco-space-3);
		--pgco-sp-cols: minmax(0, 1fr);
		--pgco-jobs-cols: minmax(0, 1fr);
		--pgco-tm-gap: var(--pgco-space-3);
		--pgco-count-num-w: 56px;
		--pgco-count-num-h: 64px;
		--pgco-count-num-fs: 28px;
		--pgco-contact-map-h: 280px;
		--pgco-lp-hero-h: 300px;
		--pgco-lp-hero-overlay: linear-gradient(rgb(0 0 0 / 0.4), rgb(0 0 0 / 0.4));
		--pgco-lp-badge-fs: 32px;
		--pgco-lp-count-pad-y: var(--pgco-space-6);
		--pgco-lp-pad-y: var(--pgco-space-4);
	}
}