body{background:#ffffff;margin:0;padding:48px 16px;} .preview-wrap{max-width:900px;margin:0 auto;} .preview-note{ max-width:900px;margin:0 auto 24px;padding:12px 16px; background:#fff3cd;border:1px solid #ffe08a;border-radius:8px; font-family:sans-serif;font-size:13px;color:#5c4a12; } @import url('https://fonts.googleapis.com/css2?family=Asul:wght@400;700&family=Montserrat:wght@400;500;600;700&display=swap'); /* ---------- shared reset ---------- */ .cm-trust-block, .cm-acc, .cm-share, .cm-features{ font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; -webkit-font-smoothing:antialiased; color:#241F1B; } .cm-trust-block *, .cm-acc *, .cm-share *, .cm-features *, .cm-trust-block *::before, .cm-acc *::before, .cm-share *::before, .cm-features *::before, .cm-trust-block *::after, .cm-acc *::after, .cm-share *::after, .cm-features *::after{ box-sizing:border-box; font-family:inherit; } /* ========================================================= 1) TRUST BLOCK — timeline, callouts, feature grid ========================================================= */ .cm-trust-block{ --cm-scale:1; --cm-accent:#241F1B; --cm-ink:#2C2416; --cm-soft:#5A5044; --cm-line:#E2D8C9; width:100%; margin:0 auto 32px; } .cm-trust-block *{ letter-spacing:normal; text-transform:none; } .cm-trust-block .cm-timeline{ display:flex; border:1px solid var(--cm-line); border-radius:12px; overflow:hidden; background:transparent; margin:20px 0 0; /* tight: no bottom gap */ } .cm-trust-block .cm-step{ flex:1; padding:calc(12px*var(--cm-scale)) calc(8px*var(--cm-scale)); border-right:1px solid var(--cm-line); text-align:center; } .cm-trust-block .cm-step:last-child{ border-right:none; } .cm-trust-block .cm-step .cm-n{ width:22px;height:22px;border-radius:50%; background:var(--cm-accent);color:#fff; font-size:11px;font-weight:700;line-height:1; display:flex;align-items:center;justify-content:center; margin:0 auto 5px; } .cm-trust-block .cm-step .cm-ti{ font-size:13px;font-weight:700;color:var(--cm-ink); line-height:1.25;display:block; } .cm-trust-block .cm-step .cm-de{ font-size:11px;font-weight:500;color:var(--cm-soft); line-height:1.35;display:block;margin-top:2px; } .cm-trust-block .cm-eco, .cm-trust-block .cm-fairtrade{ display:flex;align-items:flex-start;gap:10px; font-size:13px;line-height:1.5; padding:14px 18px;border-radius:14px;margin:0 0 14px; } .cm-trust-block .cm-eco{ background:#DCEBA4; color:#1F2A14; } .cm-trust-block .cm-eco__icon{ flex:0 0 auto; color:#3E5A1E; margin-top:1px; } .cm-trust-block .cm-fairtrade{ background:#ffffff; border:1px solid var(--cm-line); color:#241E1A; } .cm-trust-block .cm-fairtrade__icon{ flex:0 0 auto; color:#241E1A; margin-top:1px; } .cm-trust-block .cm-eco__icon svg, .cm-trust-block .cm-fairtrade__icon svg{ width:18px;height:18px;display:block; } .cm-trust-block .cm-eco__text, .cm-trust-block .cm-fairtrade__text{ flex:1; } .cm-trust-block .cm-fairtrade__text strong{ font-weight:700; color:#241E1A; } .cm-trust-block .cm-feat-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:calc(10px*var(--cm-scale)); text-align:center; margin:0; } .cm-trust-block .cm-feat{ padding:calc(18px*var(--cm-scale)) calc(14px*var(--cm-scale)); border:1px solid var(--cm-line); border-radius:12px; background:transparent; } .cm-trust-block .cm-feat svg{ width:calc(34px*var(--cm-scale));height:calc(34px*var(--cm-scale)); stroke:#C9B79F;fill:none;stroke-width:1.7; margin:0 auto calc(10px*var(--cm-scale));display:block; } .cm-trust-block .cm-feat .cm-ti{ font-size:calc(15px*var(--cm-scale));font-weight:700;color:var(--cm-ink); line-height:1.25;display:block;margin-bottom:calc(5px*var(--cm-scale)); } .cm-trust-block .cm-feat .cm-de{ font-size:calc(12.5px*var(--cm-scale));font-weight:500;color:var(--cm-soft); line-height:1.45;display:block; } @media(max-width:749px){ .cm-trust-block .cm-step .cm-ti{ font-size:12px; } .cm-trust-block .cm-step .cm-de{ font-size:10px; } } @media(max-width:550px){ .cm-trust-block .cm-feat-grid{ gap:calc(8px*var(--cm-scale)); } .cm-trust-block .cm-feat{ padding:calc(14px*var(--cm-scale)) calc(10px*var(--cm-scale)); } .cm-trust-block .cm-feat svg{ width:calc(28px*var(--cm-scale));height:calc(28px*var(--cm-scale)); margin:0 auto calc(8px*var(--cm-scale)); } .cm-trust-block .cm-feat .cm-ti{ font-size:calc(13px*var(--cm-scale)); } .cm-trust-block .cm-feat .cm-de{ font-size:calc(11px*var(--cm-scale)); } } /* ========================================================= 1b) FEATURE / TRUST BAR — 4 icons row (TIGHTENED) ========================================================= */ .cm-features{ --cm-line:#ece6df; background:#ffffff; padding:14px 20px; /* was clamp(28px,4vw,44px) */ border-top:1px solid var(--cm-line); border-bottom:1px solid var(--cm-line); margin:8px 0 18px; /* pulls it into the timeline */ } .cm-features span{ margin:0;padding:0; } .cm-features__inner{ max-width:1000px;margin:0 auto; display:grid;grid-template-columns:repeat(4,1fr); gap:16px; /* was 24px */ } .cm-hbar-item{ display:flex;flex-direction:column;align-items:center; text-align:center;gap:6px; /* was 12px */ } .cm-hbar-item__icon{ width:22px;height:22px;color:#8a7d65; } /* was 26px */ .cm-hbar-item__icon svg{ width:100%;height:100%;display:block; fill:none;stroke:currentColor;stroke-width:1.4; stroke-linecap:round;stroke-linejoin:round; } .cm-hbar-item__label{ font-size:.78rem;font-weight:500;line-height:1.35;letter-spacing:.02em; color:#6b6253; } .cm-hbar-item + .cm-hbar-item{ position:relative; } .cm-hbar-item + .cm-hbar-item::before{ content:"";position:absolute;left:-8px;top:50%; width:1px;height:26px;background:var(--cm-line); /* was 44px */ transform:translateY(-50%); } @media (max-width:720px){ .cm-features__inner{ grid-template-columns:repeat(2,1fr);gap:18px 16px; } .cm-hbar-item + .cm-hbar-item::before{ display:none; } } /* ========================================================= 2) ACCORDION — product details ========================================================= */ .cm-acc{ --cm-terracotta:#241F1B; --cm-ink:#241F1B; --cm-muted:#5c5149; --cm-line:#e7e0d8; background:#ffffff; max-width:760px;margin:0 auto;padding:8px 0; } .cm-acc h3,.cm-acc h4,.cm-acc p,.cm-acc ul,.cm-acc li{ margin:0;padding:0; } .cm-acc__item{ border-top:1px solid var(--cm-line); } .cm-acc__item:last-child{ border-bottom:1px solid var(--cm-line); } .cm-acc__head{ width:100%;background:none;border:0;cursor:pointer; display:flex;align-items:center;gap:16px; padding:22px 4px;text-align:left;color:inherit;font:inherit; } .cm-acc__head:focus-visible{ outline:2px solid var(--cm-terracotta); outline-offset:3px; } .cm-acc__title{ flex:1;font-weight:600;font-size:.82rem; letter-spacing:.2em;text-transform:uppercase;color:var(--cm-ink); } .cm-acc__chev{ flex:none;width:18px;height:18px;color:var(--cm-terracotta); transition:transform .4s cubic-bezier(.2,.7,.2,1); } .cm-acc__chev svg{ width:100%;height:100%;display:block;fill:none; stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round; } .cm-acc__item.is-open .cm-acc__chev{ transform:rotate(180deg); } .cm-acc__panel{ display:grid;grid-template-rows:0fr; transition:grid-template-rows .45s cubic-bezier(.2,.7,.2,1); } .cm-acc__item.is-open .cm-acc__panel{ grid-template-rows:1fr; } .cm-acc__panelinner{ overflow:hidden; } .cm-acc__content{ padding:2px 4px 30px; } .cm-acc__lead{ color:var(--cm-ink);font-size:14px;line-height:1.8; } .cm-acc p + p{ margin-top:16px; } .cm-acc__sub{ font-family:'Asul',Georgia,serif;font-weight:700;font-size:1.05rem; color:var(--cm-ink);margin-top:28px;margin-bottom:12px;line-height:1.3; } .cm-acc__text{ color:var(--cm-muted);font-size:14px;line-height:1.8;margin-top:12px; } .cm-acc ul{ list-style:disc;margin-top:18px;padding-left:22px;display:grid;gap:13px; } .cm-acc li{ color:var(--cm-muted);font-size:14px;line-height:1.7; } .cm-acc li::marker{ color:var(--cm-ink); } .cm-acc li strong,.cm-acc__text strong{ color:var(--cm-ink);font-weight:700; } .cm-acc__q{ font-weight:700;color:var(--cm-ink);margin-top:20px;font-size:14px;line-height:1.5; } .cm-acc__q + .cm-acc__text{ margin-top:6px; } .cm-acc__sub + .cm-acc__q{ margin-top:6px; } /* ========================================================= 3) SHARE BUTTONS ========================================================= */ .cm-share{ padding:20px; } .cm-share__row{ display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:34px; } .cm-share__btn{ display:inline-flex;align-items:center;gap:9px; text-decoration:none;color:#111;font-size:15px;font-weight:600;cursor:pointer; } .cm-share__btn svg{ width:24px;height:24px;display:block;fill:currentColor; } .cm-share__btn:hover{ text-decoration:none; } @media (max-width:520px){ .cm-share__row{ gap:24px; } } 1Order & confirmWe verify details within 24h 2Handwoven4–6 weeks by artisans 3Delivered7–10 days via FedEx/UPS Arrives in 4–6 Weeks Free Shipping Easy Returns 30K Orders Shipped We send photos & video of your finished rug for approval before it ships — nothing leaves the workshop until you say it’s perfect. Craftily Marrakech Fair Trade program: we proudly offer exquisitely crafted Moroccan rugs, each telling a unique story. Collaborating with the best artisans in Morocco, we ensure that every purchase directly supports skilled craftsmen and their communities. Authentic Each rug is intricately handwoven by skilled Moroccan artisans. High-Quality Made from high-quality, natural fibers, built to last for generations. Product Rug Details Handcrafted from 100% premium wool, this bespoke piece perfectly balances timeless Moroccan tradition with modern luxury. Because it is custom-woven to your precise dimensions, it seamlessly integrates into any space, anchoring your room with minimalist elegance and incredible textural detail. Materials: 100% live sheep’s wool. Organic local plants and spices for dyes. Effortlessly Elevates: Transforms the aesthetic and atmosphere of your interior. Luxurious Texture: Unbelievably soft, dense, and plush beneath your feet. Artisanal Quality: Exceptional durability featuring meticulous, hand-woven details. One of a Kind: A completely unique, wearable piece of art for your floors. Specifications Dimensions: Custom-made to your exact requirements. Production Time: 4 to 8 weeks for large custom rugs. Why Choose From Morocco Offer your clientele a touch of genuine Moroccan heritage with our handcrafted rugs. Why Choose Our Moroccan Rugs for Your Business? Authenticity: Sourced directly from Morocco and handwoven by skilled artisans, these rugs are a testament to unmatched craftsmanship and durability, reflecting your business’s commitment to excellence. Distinctive Aesthetics: Add warmth and elegance with these unique designs. More than just rugs, they elevate any space, becoming conversation pieces. High Demand: Moroccan items, especially rugs, are in vogue. Offering them can elevate your brand positioning and attract discerning customers. B2B Benefits: Reliable delivery, and a dedicated account manager streamline your procurement process. Competitive Pricing: Enjoy wholesale rates tailored for businesses, ensuring both value and profitable returns. Choose a Moroccan Rug, and invest in quality, authenticity, and sustainability. Shipping & Delivery We are pleased to offer standard delivery to our customers worldwide. Your items are carefully packaged and shipped directly from our workshop in Marrakech, Morocco, arriving at your front door via trusted partners like FedEx, UPS, or Aramex. While standard transit times generally range from 7 to 10 business days, please consider these as estimates. Tracking details will be emailed to you the moment your order is dispatched. Order Cancellations Can I cancel my order? After placing an order, you have until 7:00 PM ET the following day to cancel and get your money back. Returns Policy Can I return my rug? If you’re not completely satisfied, our standard 30-day return policy applies — excluding custom rugs. For all custom orders, sales are final and we cannot accept returns. Please ensure all measurements, colors, and design details are correct before submitting your order! What if I don’t like what I ordered? We certainly hope that never happens! We’re here to answer whatever questions you’ve got before you place an order to ensure you’re 100% happy with your one-of-a-kind design. Care Instruction Rug Care Instructions To keep your handmade rug looking fresh and beautiful for years to come: Vacuum Regularly: Use the suction-only setting on your vacuum. Avoid rotary brushes or beater bars to protect the wool fibers. Expect Some Shedding: New wool rugs will naturally shed for the first few weeks. Gentle vacuuming will resolve this. Spot Clean Immediately: Blot (do not rub) spills immediately with a dry, clean cloth. For small stains, use cold water and a mild, wool-safe detergent. Rotate: Rotate your rug every few months to ensure even wear and sun exposure. Professional Care: For a deep clean, we recommend taking your rug to a professional cleaner specializing in handmade wool pieces every 1–3 years. Share Share Pin it (function(){ var acc = document.querySelector('.cm-acc'); if (acc){ acc.querySelectorAll('.cm-acc__head').forEach(function(btn){ btn.addEventListener('click', function(){ var item = btn.closest('.cm-acc__item'); var open = item.classList.toggle('is-open'); btn.setAttribute('aria-expanded', open ? 'true' : 'false'); }); }); } document.querySelectorAll('.cm-share__btn').forEach(function(a){ a.addEventListener('click', function(e){ e.preventDefault(); window.open(a.getAttribute('href'), 'cm-share', 'width=600,height=520,menubar=no,toolbar=no,resizable=yes,scrollbars=yes'); }); }); if (window.lucide){ lucide.createIcons({ attrs: { 'stroke-width': 1.6 } }); } })();