/** Shopify CDN: Minification failed

Line 38:0 All "@import" rules must come first

**/
/* ============================================================
   PAW DESIGN SYSTEM v2.0 — PawShop España
   Rediseño profesional completo
   ============================================================ */

/* --- VARIABLES --- */
:root {
  --paw-navy: #0f172a;
  --paw-navy-mid: #1e3a5f;
  --paw-blue: #2563eb;
  --paw-blue-light: #dbeafe;
  --paw-gold: #f59e0b;
  --paw-gold-light: #fef3c7;
  --paw-green: #16a34a;
  --paw-green-light: #dcfce7;
  --paw-red: #dc2626;
  --paw-gray-100: #f8fafc;
  --paw-gray-200: #e2e8f0;
  --paw-gray-400: #94a3b8;
  --paw-gray-600: #475569;
  --paw-gray-800: #1e293b;
  --paw-white: #ffffff;
  --paw-radius: 12px;
  --paw-radius-lg: 20px;
  --paw-shadow-sm: 0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.05);
  --paw-shadow: 0 4px 6px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.05);
  --paw-shadow-lg: 0 10px 25px rgba(0,0,0,.1),0 4px 10px rgba(0,0,0,.07);
  --paw-font: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --paw-transition: all .2s ease;
}

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

/* --- BASE --- */
body { font-family: var(--paw-font) !important; color: var(--paw-gray-800); background: #fff; }
*, *::before, *::after { box-sizing: border-box; }
img { max-width: 100%; }
a { color: var(--paw-blue); }

/* --- ANNOUNCEMENT BAR --- */
.announcement-bar, .shopify-section-announcement-bar,
[class*="announcement"] > div, .announcement-bar__message {
  background: linear-gradient(90deg, var(--paw-navy) 0%, var(--paw-navy-mid) 100%) !important;
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 10px 16px !important;
}
.announcement-bar a, [class*="announcement"] a { color: var(--paw-gold) !important; }

/* --- HEADER / NAV --- */
.header, .site-header, header.header, [class*="header__wrapper"] {
  background: var(--paw-navy) !important;
  border-bottom: none !important;
  box-shadow: 0 2px 20px rgba(0,0,0,.25) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
}
.header__heading-link, .site-nav a, .header a,
.header__menu-item, [class*="header__nav"] a,
.list-menu__item a, .header__heading {
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: var(--paw-transition) !important;
}
.header__heading-link:hover, .site-nav a:hover { color: var(--paw-gold) !important; }
.header__icons button, .header__icons a,
.header__icon, [class*="header__icon"] {
  color: #fff !important;
  fill: #fff !important;
}
.header__icons svg path, .header svg { stroke: #fff !important; fill: none; }

/* Brand logo */
.header__heading, .header__heading-link img { filter: brightness(0) invert(1); }

/* Cart badge */
.cart-count-bubble, [class*="cart-count"] {
  background: var(--paw-gold) !important;
  color: var(--paw-navy) !important;
  font-weight: 800 !important;
}

/* --- MEGA MENU / DROPDOWNS --- */
.header__submenu, .list-menu--disclosure,
[class*="dropdown"], [class*="mega-menu"],
.header__menu > details > ul {
  background: var(--paw-white) !important;
  border: 1px solid var(--paw-gray-200) !important;
  border-radius: 0 0 var(--paw-radius) var(--paw-radius) !important;
  box-shadow: var(--paw-shadow-lg) !important;
}
.header__submenu a, [class*="dropdown"] a {
  color: var(--paw-gray-800) !important;
  font-size: 14px !important;
}
.header__submenu a:hover, [class*="dropdown"] a:hover {
  color: var(--paw-blue) !important;
  background: var(--paw-blue-light) !important;
  padding-left: 20px !important;
}

/* --- BUTTONS --- */
.button, .btn, button[type=submit], .shopify-payment-button__button,
[class*="button--primary"], [class*="btn-primary"],
.product-form__submit, input[type="submit"],
[class*="add-to-cart"] {
  background: linear-gradient(135deg, var(--paw-navy-mid), var(--paw-blue)) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 14px 28px !important;
  cursor: pointer !important;
  transition: var(--paw-transition) !important;
  box-shadow: 0 4px 15px rgba(37,99,235,.3) !important;
  letter-spacing: .3px !important;
}
.button:hover, .btn:hover, button[type=submit]:hover,
.product-form__submit:hover, [class*="add-to-cart"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(37,99,235,.45) !important;
  background: linear-gradient(135deg, var(--paw-blue), var(--paw-navy-mid)) !important;
}
.button--secondary, [class*="button--secondary"], .btn-outline {
  background: transparent !important;
  color: var(--paw-navy) !important;
  border: 2px solid var(--paw-gray-200) !important;
  box-shadow: none !important;
}
.button--secondary:hover { border-color: var(--paw-blue) !important; color: var(--paw-blue) !important; background: var(--paw-blue-light) !important; }

/* Shopify Pay button */
.shopify-payment-button__button--branded {
  border-radius: 50px !important;
  overflow: hidden;
}

/* --- PRODUCT CARDS --- */
.card-wrapper, .product-card, .grid__item {
  transition: var(--paw-transition) !important;
}
.card, .card__inner, [class*="card__media"] img {
  border-radius: var(--paw-radius) !important;
  overflow: hidden !important;
  transition: var(--paw-transition) !important;
}
.card-wrapper:hover .card,
.product-card:hover .card,
.grid__item:hover .card {
  box-shadow: var(--paw-shadow-lg) !important;
  transform: translateY(-4px) !important;
}
.card__information, .card-information, [class*="card__info"] {
  padding: 14px 12px 18px !important;
}
.card__heading, .card-information__text, .h3 {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--paw-gray-800) !important;
  line-height: 1.35 !important;
  margin: 0 0 8px !important;
}
.price, [class*="price"] {
  font-weight: 800 !important;
  color: var(--paw-green) !important;
  font-size: 17px !important;
}
.price--on-sale .price__regular, .price-item--regular.price-item--last {
  color: var(--paw-gray-400) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
}

/* --- BADGES --- */
.badge, .product-badge, [class*="badge"] {
  border-radius: 20px !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  padding: 4px 10px !important;
}
.badge--sale, [class*="badge--sale"], [class*="badge-sale"] {
  background: var(--paw-red) !important;
  color: #fff !important;
}

/* --- COLLECTION HERO --- */
.collection-hero, .collection__title-wrapper, .gradient {
  background: linear-gradient(135deg, var(--paw-navy), var(--paw-navy-mid)) !important;
  color: #fff !important;
  border-radius: 0 !important;
}
.collection-hero h1, .collection__title, .gradient h1 {
  color: #fff !important;
  font-weight: 900 !important;
  font-size: clamp(28px, 5vw, 52px) !important;
}
.collection-hero p, .collection__description { color: rgba(255,255,255,.8) !important; }

/* --- FILTERS --- */
.facets__form, [class*="facets"] {
  background: var(--paw-gray-100) !important;
  border-radius: var(--paw-radius) !important;
  padding: 16px !important;
}
.facets label, [class*="facets"] label { font-weight: 600 !important; }

/* --- PRODUCT PAGE --- */
.product__title, [class*="product-title"] h1 {
  font-size: clamp(22px, 4vw, 38px) !important;
  font-weight: 900 !important;
  color: var(--paw-navy) !important;
  line-height: 1.2 !important;
}
.product-form, [class*="product-form"] {
  background: var(--paw-gray-100) !important;
  border-radius: var(--paw-radius-lg) !important;
  padding: 24px !important;
}
.product__media-wrapper img, .product-media img {
  border-radius: var(--paw-radius) !important;
}
.product__description, [class*="product-description"] {
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: var(--paw-gray-600) !important;
}

/* Variant selectors */
.variant-radios label, .variant-selects label,
[class*="swatch"] label {
  border: 2px solid var(--paw-gray-200) !important;
  border-radius: 8px !important;
  transition: var(--paw-transition) !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}
.variant-radios input:checked + label,
.variant-selects input:checked + label {
  border-color: var(--paw-blue) !important;
  background: var(--paw-blue-light) !important;
  color: var(--paw-blue) !important;
}

/* Quantity selector */
.quantity, [class*="quantity"] {
  border: 2px solid var(--paw-gray-200) !important;
  border-radius: 50px !important;
  overflow: hidden !important;
}
.quantity__button { background: transparent !important; border: none !important; font-weight: 800 !important; }
.quantity__input { border: none !important; font-weight: 700 !important; }

/* --- CART --- */
.cart-item, .cart-drawer__item, [class*="cart-item"] {
  border-bottom: 1px solid var(--paw-gray-200) !important;
  padding: 16px 0 !important;
}
.cart__footer, .cart-drawer__footer {
  background: var(--paw-gray-100) !important;
  border-radius: var(--paw-radius) !important;
  padding: 20px !important;
}
.cart__checkout-button, [name="checkout"] {
  background: linear-gradient(135deg, var(--paw-green), #15803d) !important;
  font-size: 17px !important;
  padding: 16px 32px !important;
  width: 100% !important;
  animation: pawCheckoutPulse 2.5s infinite !important;
}
@keyframes pawCheckoutPulse {
  0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,.4)}
  50%{box-shadow:0 0 0 10px rgba(22,163,74,0)}
}

/* --- INPUTS & FORMS --- */
input[type=text], input[type=email], input[type=tel],
input[type=password], textarea, select {
  border: 2px solid var(--paw-gray-200) !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  font-size: 15px !important;
  transition: var(--paw-transition) !important;
  font-family: var(--paw-font) !important;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--paw-blue) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.15) !important;
}

/* --- FOOTER --- */
.footer, site-footer, [class*="footer"] {
  background: var(--paw-navy) !important;
  color: rgba(255,255,255,.75) !important;
  padding-top: 48px !important;
}
.footer__heading, [class*="footer__heading"] {
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  margin-bottom: 16px !important;
}
.footer a, [class*="footer"] a {
  color: rgba(255,255,255,.65) !important;
  text-decoration: none !important;
  transition: var(--paw-transition) !important;
  font-size: 14px !important;
}
.footer a:hover, [class*="footer"] a:hover { color: var(--paw-gold) !important; }
.footer__content-bottom, [class*="footer__content-bottom"] {
  border-top: 1px solid rgba(255,255,255,.1) !important;
  padding: 16px 0 !important;
  font-size: 12px !important;
  color: rgba(255,255,255,.4) !important;
}

/* --- PAGINATION --- */
.pagination__item, [class*="pagination"] a, [class*="pagination"] button {
  border-radius: 50% !important;
  border: 2px solid var(--paw-gray-200) !important;
  font-weight: 700 !important;
  transition: var(--paw-transition) !important;
}
.pagination__item--current, [class*="pagination__item--current"] {
  background: var(--paw-blue) !important;
  border-color: var(--paw-blue) !important;
  color: #fff !important;
}

/* --- BREADCRUMBS --- */
.breadcrumb, [class*="breadcrumb"] {
  font-size: 13px !important;
  color: var(--paw-gray-400) !important;
}
.breadcrumb a, [class*="breadcrumb"] a { color: var(--paw-blue) !important; }

/* --- SECTION TITLES --- */
.title, .h1, .h2, .section-header {
  font-weight: 900 !important;
  color: var(--paw-navy) !important;
  letter-spacing: -0.5px !important;
}

/* --- LOADING / SKELETON --- */
[data-loading], .loading-overlay {
  background: linear-gradient(90deg, var(--paw-gray-100) 25%, var(--paw-gray-200) 50%, var(--paw-gray-100) 75%) !important;
  background-size: 200% 100% !important;
  animation: pawSkeleton 1.5s infinite !important;
}
@keyframes pawSkeleton { 0%{background-position:200%}100%{background-position:-200%} }

/* --- MOBILE RESPONSIVE --- */
@media(max-width:768px){
  .header {padding: 10px 16px !important;}
  .button, .btn, button[type=submit] { padding: 12px 20px !important; font-size: 14px !important; }
  .product__title { font-size: 22px !important; }
  .product-form { padding: 16px !important; border-radius: 12px !important; }
}

/* --- ACCESSIBILITY --- */
:focus-visible { outline: 3px solid var(--paw-blue) !important; outline-offset: 2px !important; }

/* --- SCROLL BAR --- */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--paw-gray-100); }
::-webkit-scrollbar-thumb { background: var(--paw-gray-400); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--paw-navy-mid); }

/* --- SELECTION --- */
::selection { background: var(--paw-blue); color: #fff; }