/* MarrakPara - new storefront experience. No third-party assets or libraries. */
body{background:#fff;color:#192e2a}
.container{width:min(1370px,calc(100% - 48px))}
.topline{background:#155c48;font-size:13px;padding:11px;letter-spacing:.01em}
.header{box-shadow:0 4px 24px rgba(18,59,42,.055)}
.header-inner{height:90px;gap:35px}
.logo{font-size:28px;min-width:245px}
.logo small{font-size:9px;letter-spacing:2px}
.search{max-width:680px;height:50px;border-radius:12px;background:#f4f7f6}
.search button{height:43px;padding:0 23px;font-size:13px}
.cart-icon{font-size:19px;gap:7px}
.cart-icon span{font-size:23px}
.cart-icon b{background:#e35252;color:white;width:20px;height:20px;border-radius:100%}
.cart-icon small{font-size:13px;color:#1d5544}
.nav{height:70px;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;white-space:nowrap;font-size:14px;justify-content:space-between}
.nav a{display:inline-flex;gap:8px;align-items:center;min-height:52px;padding:9px 10px;border-radius:11px;transition:background .15s;color:#29483d}
.nav a:hover,.nav a:focus-visible{background:#edf6ef;color:#0e6549}
.nav img.category-pictogram{width:30px;height:30px;object-fit:contain}
.nav .nav-picto{font-size:26px;color:#247d5d;line-height:1}
.nav .nav-all{background:#eaf3ed;color:#17634a}
.shop-slider{position:relative;margin-top:21px;height:492px;overflow:hidden;border-radius:20px;background:#ecf4ed;box-shadow:0 16px 36px rgba(28,65,46,.08)}
.shop-slide{position:absolute;inset:0;display:grid;grid-template-columns:52% 48%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .55s ease,visibility .55s ease}
.shop-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
.shop-slide-skin{background:linear-gradient(125deg,#eaf6ec,#cce6d7)}
.shop-slide-sun{background:linear-gradient(125deg,#fff8e8,#f4dac2)}
.shop-slide-hair{background:linear-gradient(125deg,#f0effc,#d6d8eb)}
.slide-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:60px 30px 60px 8%;position:relative;z-index:1}
.slide-pill{border:1px solid #adcdb8;color:#2f7559;background:#ffffff9f;border-radius:100px;font-size:12px;font-weight:800;padding:11px 18px;letter-spacing:.035em}
.slide-copy h1,.slide-copy h2{font-weight:850;font-size:clamp(36px,4.9vw,66px);line-height:1.12;letter-spacing:-2.4px;margin:24px 0 20px;color:#1d4f40}
.slide-copy h1 em,.slide-copy h2 em{font-family:Georgia,serif;font-weight:400;font-size:1.02em;color:#9b7e63}
.slide-copy>p{font-size:16px;line-height:1.8;color:#516b5d;max-width:500px;margin:0 0 22px}
.slide-copy>small{margin-top:22px;font-size:12px;color:#65816c}
.slide-image{height:100%;overflow:hidden;display:grid;place-items:center}
.slide-image img{width:100%;height:100%;object-fit:cover}
.slide-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:50%;color:#155b43;background:#fffffff2;font-size:30px;box-shadow:0 5px 20px rgba(0,0,0,.12)}
.slide-prev{left:15px}.slide-next{right:15px}
.slide-dots{position:absolute;z-index:4;bottom:17px;left:50%;transform:translateX(-50%);display:flex;gap:8px;align-items:center}
.slide-dots button{border:0;background:#ffffffaa;border-radius:20px;width:10px;height:10px;padding:0;transition:width .2s;box-shadow:0 1px 3px #9999}
.slide-dots button.on{width:30px;background:#286a53}
.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.category-tile{min-height:224px;padding:20px 10px 23px;background:#f3faf6;border:1px solid #e7efea;box-shadow:0 10px 24px rgba(24,69,42,.04)}
.category-tile:before{display:none}
.category-tile .category-pictogram{width:132px;height:132px;object-fit:contain;margin-bottom:4px;z-index:1;position:relative;filter:drop-shadow(0 11px 12px rgba(56,91,57,.1))}
.category-pictogram-fallback{font-size:95px}
.category-tile b{font-size:15px;position:relative}.category-tile small{font-size:12px}
.category-tile.category-solaire{background:#fff5e7}.category-tile.category-corps{background:#eef6f1}.category-tile.category-cheveux{background:#f6eff1}.category-tile.category-bebe{background:#fff3e9}
.product-grid{gap:16px}.product-card{border:1px solid #e6ece8;box-shadow:0 5px 12px rgba(30,52,42,.025)}
.pic{background:linear-gradient(155deg,#fafafa,#f1f5f1);height:235px}.prodinfo{padding:17px}.prodname{font-size:14px;min-height:42px}.btn-add{background:#1e7c58;color:white;border-color:#1e7c58}
.btn-add:disabled{background:#e0e8e1;color:#718878;border-color:#e0e8e1}
.perks{background:white}.perks b{font-size:13px}
.cart-dialog-backdrop{position:fixed;inset:0;background:rgba(16,38,32,.57);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:mpfade .18s}
.cart-dialog-backdrop.is-gone{display:none}
.cart-dialog{position:relative;background:#fff;max-width:520px;width:100%;padding:34px 30px;border-radius:22px;box-shadow:0 25px 80px #0b2c2244;text-align:center}
.cart-dialog-icon{width:62px;height:62px;display:grid;place-items:center;background:#dff4e8;color:#198454;border-radius:50%;font-size:34px;margin:0 auto 12px;font-weight:800}
.cart-dialog h2{font-size:24px;margin:10px 0 12px;color:#1b5945}.cart-dialog p{font-size:14px;line-height:1.7;color:#637768;margin:0 0 12px}
.cart-dialog-actions{display:flex;gap:12px;justify-content:center;margin-top:23px}.cart-dialog-actions .button{flex:1;font-size:13px;padding:14px 10px;gap:5px}
.cart-dialog-x{position:absolute;right:13px;top:10px;font-size:25px;background:none;border:0;color:#8da299;padding:5px 9px}
.checkout-page .checkout-grid{gap:25px;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr)}
.checkout-form{box-shadow:0 9px 36px rgba(17,66,41,.04);border-radius:17px;padding:30px}
.checkout-form h2{margin-bottom:24px}
.checkout-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.checkout-pair small{font-size:11px;color:#829184;font-weight:normal}
.checkout-form select{width:100%;background:white;border:1px solid #dbe6dc;border-radius:7px;padding:12px 14px;outline:0;color:#28473c}
.checkout-form select:focus{border-color:#83aa94;box-shadow:0 0 0 3px #e7f1e7}
.city-other[hidden]{display:none !important}
.checkout-form .consent input{width:auto;display:inline;vertical-align:middle;margin-right:4px}
.checkout-form .consent label{display:block}
.form-errors{padding:13px 17px;background:#fff0e8;border:1px solid #edc9b7;border-radius:10px;color:#8c4f31;margin:0 0 18px;font-size:13px}
.form-errors ul{margin:9px 0 8px;padding-left:19px}.form-errors li{margin:4px 0}.form-errors small{color:#966c52}
.checkout-summary{position:sticky;top:20px;padding:27px;border:1px solid #ddece2;background:#f7fbf8;border-radius:17px}
.checkout-summary small{font-size:11px;color:#7d9686;display:inline}
.checkout-summary .summary-total strong{font-size:27px}
.total-explain{font-size:12px;color:#6b8877;line-height:1.6}
@keyframes mpfade{from{opacity:0}to{opacity:1}}
@media(max-width:1040px){.nav{font-size:13px;justify-content:flex-start;gap:8px}.nav img.category-pictogram{width:25px;height:25px}.slide-copy{padding:35px 40px}.slide-copy>p{font-size:14px}.category-grid{gap:11px}}
@media(max-width:760px){.container{width:calc(100% - 28px)}.header-inner{height:auto}.nav{height:62px}.nav a{font-size:13px;padding:7px 8px}.nav img.category-pictogram{width:25px;height:25px}.cart-icon small{display:none}.shop-slider{height:570px;margin-top:12px}.shop-slide{grid-template-columns:1fr;grid-template-rows:56% 44%}.slide-copy{padding:24px 28px 5px;justify-content:center}.slide-copy h1,.slide-copy h2{font-size:clamp(34px,8vw,47px);letter-spacing:-1.8px;margin:15px 0 10px}.slide-copy>p{font-size:13px;margin-bottom:15px;line-height:1.6}.slide-copy>small{margin-top:10px}.slide-image img{object-fit:cover}.slide-arrow{top:72%;width:35px;height:35px}.slide-dots{bottom:12px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-tile{min-height:172px}.category-tile .category-pictogram{width:100px;height:100px}.category-tile b{font-size:13px}.checkout-pair{grid-template-columns:1fr}.checkout-page .checkout-grid{grid-template-columns:1fr}.checkout-summary{position:static}.cart-dialog-actions{flex-direction:column}.cart-dialog{padding:30px 20px}}
@media(prefers-reduced-motion:reduce){.shop-slide{transition:none}}