/* Cocktel4you click & collect — boutique préparatoire */
.collect-shop{background:#fff;color:#23172e}
.collect-shop .container{max-width:1200px}
.collect-eyebrow{display:block;letter-spacing:.16em;font-size:11px;font-weight:850;color:#71359c}
.collect-hero{background:linear-gradient(130deg,#f8f4fb 0%,#fff 53%,#f4f7ee 100%);padding:76px 0 82px}
.collect-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(35px,6vw,84px);align-items:center}
.collect-hero h1{font-size:clamp(45px,5.6vw,76px);letter-spacing:-.07em;line-height:1.035;font-weight:850;color:#23152f;margin:22px 0}
.collect-hero h1 em,.collect-pickup h2 em{font-style:normal;color:#8137a6}
.collect-hero-copy>p{max-width:510px;color:#62596c;font-size:16px;line-height:1.72;margin:0 0 30px}
.collect-hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.collect-hero-actions>span{font-size:12px;color:#8b8094}
.collect-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 20px;background:#713097;border-radius:999px;color:#fff!important;text-decoration:none;font-size:13px;font-weight:800;box-shadow:0 8px 22px #7130971e;transition:background .2s,transform .2s}
.collect-primary:hover{background:#4e1c71;transform:translateY(-2px)}
.collect-feature-label{font-size:10px;letter-spacing:.17em;color:#8d799b;font-weight:850}
.collect-hero-feature{background:#fff;border:1px solid #ece3f0;box-shadow:0 22px 58px #3f284511;border-radius:29px;padding:30px 33px}
.collect-feature-steps{margin-top:22px}
.collect-feature-steps p{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #f1ecf3;padding:18px 0;margin:0}
.collect-feature-steps p strong{font-weight:850;font-size:21px;letter-spacing:-.035em;color:#281a32}
.collect-feature-steps p span{max-width:170px;font-size:12px;line-height:1.45;text-align:right;color:#83778b}
.collect-feature-bottom{display:flex;align-items:center;gap:14px;margin-top:23px;color:#675376;font-weight:800;font-size:12px}
.collect-feature-bottom span{color:#9db851}
.collect-catalogue{padding:82px 0 85px}
.collect-section-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:30px}
.collect-section-head h2,.collect-pickup h2{font-size:clamp(36px,4vw,54px);letter-spacing:-.055em;line-height:1.1;color:#23172e;margin:14px 0 0;font-weight:840}
.collect-section-head>p{max-width:355px;color:#786e7e;font-size:14px;line-height:1.65;margin:0}
.collect-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.collect-category{min-width:0;min-height:310px;border-radius:24px;padding:23px 18px 22px;display:flex;flex-direction:column;border:1px solid #eee7f1;overflow:hidden}
.collect-category-one{background:#f1e8fa}.collect-category-two{background:#f5f4f9}.collect-category-three{background:#f1f6e8}.collect-category-four{background:#f8edf7}.collect-category-five{background:#f3f0f9}
.collect-category-tag{color:#80688e;font-size:10px;font-weight:800;letter-spacing:.13em}
.collect-category-mark{height:157px;display:flex;align-items:center;justify-content:center;color:#8e65a6}
.collect-category-three .collect-category-mark{color:#718b48}.collect-category-four .collect-category-mark{color:#aa749c}
.collect-category-mark svg{width:104px;height:126px}
.collect-category h3{font-size:20px;line-height:1.18;letter-spacing:-.035em;margin:auto 0 10px;font-weight:850;color:#27182f}
.collect-category p{font-size:12px;line-height:1.5;margin:0;color:#73677b}
.collect-pickup{background:#f7f5fa;padding:80px 0 90px}
.collect-pickup-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(30px,6vw,85px);align-items:center}
.collect-pickup h2{margin:15px 0 20px}
.collect-pickup-copy>p{color:#6d6275;font-size:15px;line-height:1.72;max-width:530px}
.collect-location-options{display:flex;flex-direction:column;gap:10px;margin:25px 0}
.collect-location{display:flex;align-items:center;gap:15px;position:relative;cursor:pointer;background:#fff;border:1px solid #e8dfed;border-radius:17px;padding:17px 18px}
.collect-location:has(input:checked){border-color:#8542ab;background:#fdfaff;box-shadow:0 0 0 2px #8542ab16}
.collect-location input{accent-color:#78359d;width:19px;height:19px;flex:0 0 19px}
.collect-location>span:nth-child(2){display:flex;flex-direction:column;gap:3px}
.collect-location strong{font-size:14px;color:#271831}
.collect-location small{font-size:12px;color:#817789;line-height:1.4}
.collect-location-check{margin-left:auto}
.collect-pickup-disclaimer{font-size:12px!important;margin-top:12px!important;color:#857b8d!important;line-height:1.5!important}
.collect-pickup-card{background:#30213d;border-radius:28px;padding:35px 33px;color:#fff;box-shadow:0 25px 60px #30213d24}
.collect-pickup-card>span{color:#ceb9de;font-size:10px;letter-spacing:.16em;font-weight:850}
.collect-pickup-card h3{font-size:clamp(29px,3vw,42px);line-height:1.16;letter-spacing:-.04em;color:#fff;margin:22px 0 33px}
.collect-tick{padding:17px 0;border-top:1px solid #ffffff25;display:flex;align-items:center;gap:15px;color:#b9e46f;font-weight:850}
.collect-tick span{color:#f4ebf9;font-size:14px;font-weight:630}
.collect-pickup-card>p{font-size:12px;line-height:1.6;color:#c6bacc;margin:24px 0 0}
@media(max-width:1050px){.collect-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collect-category{min-height:270px}}
@media(max-width:760px){.collect-hero{padding:55px 0}.collect-hero-grid,.collect-pickup-grid{grid-template-columns:1fr;gap:27px}.collect-hero h1{font-size:clamp(43px,9vw,62px)}.collect-hero-feature{padding:24px}.collect-catalogue{padding:60px 0}.collect-section-head{display:block}.collect-section-head>p{margin-top:16px}.collect-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collect-category{min-height:245px;padding:17px 14px;border-radius:19px}.collect-category h3{font-size:18px}.collect-category-mark{height:122px}.collect-category-mark svg{height:108px}.collect-pickup{padding:58px 0}.collect-pickup-card{padding:27px 23px}.collect-hero-copy>p{font-size:14px}}
@media(max-width:400px){.collect-category h3{font-size:16px}.collect-category{min-height:238px}.collect-category-mark{height:118px}}
@media(prefers-reduced-motion:reduce){.collect-primary{transition:none}}
