/*
 * pescuitin-premium — custom design system.
 * Base: PrestaShop `classic` theme, untouched structure. This file carries
 * every visual decision: palette, type, spacing, component polish, plus the
 * three new homepage sections (brand strip, trust bar) added in index.tpl.
 */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');

:root {
	--pp-red: #C8102E;
	--pp-red-dark: #9C0C23;
	--pp-ink: #1A1A1A;
	--pp-ink-soft: #5B5F63;
	--pp-bg: #FAF9F7;
	--pp-bg-alt: #F1EFEC;
	--pp-border: #E6E3DE;
	--pp-white: #FFFFFF;
	--pp-radius: 14px;
	--pp-radius-sm: 8px;
	--pp-shadow: 0 6px 20px rgba(26,26,26,.07);
	--pp-shadow-hover: 0 16px 34px rgba(26,26,26,.14);
	--pp-transition: all .25s cubic-bezier(.4,0,.2,1);
	--pp-font-head: 'Poppins', 'Segoe UI', sans-serif;
	--pp-font-body: 'Inter', 'Segoe UI', sans-serif;
}

body {
	font-family: var(--pp-font-body);
	color: var(--pp-ink);
	background: var(--pp-bg);
}
h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
	font-family: var(--pp-font-head);
	color: var(--pp-ink);
	letter-spacing: -.01em;
}
a { transition: var(--pp-transition); }
#wrapper { background: var(--pp-bg); }

/* ===================== Header ===================== */
.header-banner { background: var(--pp-ink); color: #fff; font-size: .8rem; }
.header-banner a { color: #fff; }
.header-nav {
	background: var(--pp-red) !important;
}
#header .header-top {
	background: var(--pp-white);
	border-bottom: 1px solid var(--pp-border);
	padding: 1.4rem 0;
}
#_desktop_logo img { max-height: 64px; width: auto; }
#search_widget input,
#search_widget .ui-autocomplete-input {
	border-radius: 999px !important;
	border: 1px solid var(--pp-border) !important;
}
#search_widget button[type="submit"] {
	background: var(--pp-red);
	border-radius: 999px;
}
.blockcart .header .cart-products-count {
	background: var(--pp-red);
	box-shadow: 0 2px 6px rgba(0,0,0,.25);
}
#header .top-menu > li > a,
.js-top-menu-bottom a {
	font-family: var(--pp-font-head);
	font-weight: 600;
	letter-spacing: .02em;
}

/* ===================== Buttons ===================== */
.btn-primary, a.btn-primary, button.btn-primary,
#cart .cart-summary .btn-primary,
.product-add-to-cart .add-to-cart {
	background: var(--pp-red) !important;
	border-color: var(--pp-red) !important;
	border-radius: 999px !important;
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: uppercase;
	font-size: .82rem;
	padding: .75rem 1.6rem !important;
	box-shadow: 0 8px 18px rgba(200,16,46,.25);
	transition: var(--pp-transition);
}
.btn-primary:hover, a.btn-primary:hover, button.btn-primary:hover,
.product-add-to-cart .add-to-cart:hover {
	background: var(--pp-red-dark) !important;
	border-color: var(--pp-red-dark) !important;
	transform: translateY(-2px);
	box-shadow: 0 12px 24px rgba(200,16,46,.32);
}

/* ===================== Hero / homeslider ===================== */
#carousel { border-radius: var(--pp-radius); overflow: hidden; box-shadow: var(--pp-shadow); }
.carousel .carousel-item figure { position: relative; margin: 0; }
.carousel .carousel-item .caption {
	position: absolute;
	left: 0; right: 0; bottom: 0;
	max-width: 100% !important;
	padding: 3rem 3.2rem;
	background: linear-gradient(0deg, rgba(10,10,10,.85) 0%, rgba(10,10,10,.45) 55%, rgba(10,10,10,0) 100%);
	color: #fff;
}
.carousel .carousel-item .caption h2.display-1 {
	font-family: var(--pp-font-head);
	font-size: 2.2rem;
	font-weight: 800;
	text-transform: none;
	color: #fff;
	margin: 0 0 .6rem;
	max-width: 620px;
	text-shadow: 0 2px 10px rgba(0,0,0,.4);
}
.carousel .carousel-item .caption-description { max-width: 560px; }
.carousel .carousel-item .caption-description p { color: rgba(255,255,255,.92); }
.carousel .carousel-item .caption-description a {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	background: var(--pp-red);
	color: #fff;
	padding: .8rem 1.6rem;
	border-radius: 999px;
	font-weight: 700;
	font-size: .8rem;
	text-transform: uppercase;
	letter-spacing: .03em;
	margin-top: .8rem;
}
@media (max-width: 600px) {
	.carousel .carousel-item .caption { padding: 1.4rem 1.4rem; }
	.carousel .carousel-item .caption h2.display-1 { font-size: 1.3rem; }
}

/* ===================== Brand strip (index.tpl) ===================== */
.pp-brand-strip { background: var(--pp-white); border-bottom: 1px solid var(--pp-border); padding: 2.2rem 0; margin-bottom: 2.5rem; }
.pp-brand-strip__inner { max-width: 1140px; margin: 0 auto; padding: 0 1.5rem; }
.pp-brand-strip__label {
	text-align: center;
	font-family: var(--pp-font-head);
	font-weight: 700;
	font-size: .78rem;
	text-transform: uppercase;
	letter-spacing: .12em;
	color: var(--pp-ink-soft);
	margin-bottom: 1.4rem;
}
.pp-brand-strip__list {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 2.6rem;
	margin: 0; padding: 0;
}
.pp-brand-strip__list li {
	height: 60px;
	width: 130px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pp-brand-strip__list img {
	height: 60px;
	width: 130px;
	object-fit: contain;
	transform: scale(3.2);
	opacity: .8;
	transition: var(--pp-transition);
}
.pp-brand-strip__list a:hover img { opacity: 1; transform: scale(3.5); }

/* ===================== Trust bar (index.tpl) ===================== */
.pp-trust { padding: 0 0 2.8rem; }
.pp-trust__inner {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 1.5rem;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.2rem;
}
.pp-trust__item {
	display: flex;
	align-items: center;
	gap: 1rem;
	background: var(--pp-white);
	border: 1px solid var(--pp-border);
	border-radius: var(--pp-radius);
	padding: 1.3rem 1.4rem;
	box-shadow: var(--pp-shadow);
}
.pp-trust__icon { color: var(--pp-red); font-size: 2rem; }
.pp-trust__item strong { display: block; font-family: var(--pp-font-head); font-size: .92rem; }
.pp-trust__item span { display: block; font-size: .8rem; color: var(--pp-ink-soft); margin-top: .1rem; }
@media (max-width: 768px) {
	.pp-trust__inner { grid-template-columns: 1fr; }
}

/* ===================== Product cards (listing / category) ===================== */
.product-miniature { transition: var(--pp-transition); }
.product-miniature .thumbnail-container {
	border-radius: var(--pp-radius);
	overflow: hidden;
	box-shadow: var(--pp-shadow);
	background: var(--pp-white);
	transition: var(--pp-transition);
}
.product-miniature:hover .thumbnail-container { box-shadow: var(--pp-shadow-hover); transform: translateY(-3px); }
.product-miniature .product-title a { color: var(--pp-ink); font-weight: 600; }
.product-miniature .price { color: var(--pp-red); font-weight: 800; font-family: var(--pp-font-head); }

.highlighted-informations,
body.tax-display-enabled .highlighted-informations {
	position: static !important;
	bottom: auto !important;
	height: auto !important;
	box-shadow: none !important;
	background: transparent !important;
	padding: .6rem .8rem 0 !important;
}
.highlighted-informations .quick-view {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: .4rem;
	width: 100%;
	background: var(--pp-red) !important;
	color: #fff !important;
	border-radius: 999px !important;
	padding: .65rem .8rem !important;
	font-weight: 700 !important;
	font-size: .76rem !important;
	text-transform: uppercase;
	letter-spacing: .03em;
	box-shadow: 0 6px 16px rgba(200,16,46,.22);
}
.highlighted-informations .quick-view:hover { background: var(--pp-red-dark) !important; }
.highlighted-informations .quick-view i { color: #fff !important; }

/* ===================== Category / listing header ===================== */
#category .category-cover,
.page-content h1 { font-family: var(--pp-font-head); }
.facet-title, .facet-label { font-family: var(--pp-font-body); }

/* ===================== Product page ===================== */
.product-prices .current-price span { color: var(--pp-red); font-family: var(--pp-font-head); font-weight: 800; }
#product .product-add-to-cart .qty { border-radius: var(--pp-radius-sm); }
.product-quantity .add {
	border-radius: 999px !important;
}
.product-cover { border-radius: var(--pp-radius); overflow: hidden; }

/* ===================== Cart / checkout ===================== */
#cart .cart-grid-body, #checkout .card, .cart-summary, .card {
	border-radius: var(--pp-radius) !important;
	box-shadow: var(--pp-shadow);
	border: 1px solid var(--pp-border) !important;
}
.cart-summary-totals .total-price, .checkout .cart-summary .total-price {
	color: var(--pp-red);
	font-family: var(--pp-font-head);
}
#checkout .step-title { font-family: var(--pp-font-head); }

/* ===================== Wishlist ===================== */
.wishlist-button-add,
.blockwishlist .btn { border-radius: 999px !important; }

/* ===================== Footer ===================== */
.footer-container {
	background: var(--pp-ink);
	color: rgba(255,255,255,.85);
}
.footer-container a { color: rgba(255,255,255,.85); }
.footer-container a:hover { color: #fff; }
.footer-container .h3 { font-family: var(--pp-font-head); color: #fff; }
.block-social a { background: var(--pp-red) !important; border-radius: 999px; }