/*
Theme Name: Bark N Swag Editable
Theme URI: https://barkandswag.com.au
Author: Bark N Swag
Description: Editable WordPress recreation of the approved Bark N Swag homepage.
Version: 2.0.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: bark-n-swag
*/
:root{--pink:#f98080;--pink-soft:#f8b1b0;--ink:#111;--cream:#fffaf7;--mint:#b9d8d1;--lavender:#cdb7d7;--mustard:#f4b240}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}.screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
.offer-bar{min-height:42px;display:flex;align-items:center;justify-content:center;gap:34px;background:linear-gradient(90deg,#f9aaa9,#f98080,#f9aaa9);font-size:12px;font-weight:800;text-transform:uppercase}.offer-bar span+span{border-left:1px solid #222;padding-left:34px}
.nav-wrap{height:76px;padding:0 4%;display:grid;grid-template-columns:230px 1fr 120px;align-items:center;gap:20px;background:#fff}.brand{font-family:Impact,'Arial Narrow',sans-serif;font-size:31px;text-decoration:none;white-space:nowrap}.brand-n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--pink);color:white;font-family:Georgia,serif;font-weight:400}.main-nav{display:flex;justify-content:center;gap:44px;font-size:12px;font-weight:800;text-transform:uppercase}.main-nav a{text-decoration:none}.header-actions{display:flex;justify-content:flex-end;gap:18px;font-size:22px}.menu-toggle{display:none;border:0;background:none;font-size:25px}
.hero{min-height:445px;display:grid;grid-template-columns:42% 58%;overflow:hidden;background:linear-gradient(110deg,#fffaf7 0,#fff 48%,#eaf7fb 100%);position:relative}.hero:before{content:"";position:absolute;left:-25px;bottom:0;width:110px;height:170px;border-radius:0 70% 0 0;background:var(--mint)}.hero-copy{position:relative;z-index:2;padding:35px 20px 30px 10%;}.hero-copy em,.script,.social-copy em{display:block;color:var(--pink);font-family:'Brush Script MT',cursive;font-size:44px}.hero h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:64px;line-height:.92;margin:0 0 26px;letter-spacing:1px}.hero h1 strong{display:block;color:var(--pink);font-family:'Brush Script MT',cursive;font-size:88px;font-weight:500;transform:rotate(-4deg)}.hero p{font-size:15px;line-height:1.6;max-width:310px}.hero-buttons{display:flex;gap:14px}.hero-buttons a{padding:14px 30px;border-radius:9px;background:var(--pink);color:#fff;text-decoration:none;font-weight:800;font-size:13px}.hero-buttons a+ a{background:#111}.hero>img{width:100%;height:445px;object-fit:cover;object-position:center}
.section{padding:28px 6%}.section h2{text-align:center;font-family:Impact,'Arial Narrow',sans-serif;font-size:30px;letter-spacing:1px;margin:0 0 25px}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;max-width:1050px;margin:auto}.category-card{text-align:center;text-decoration:none;font-size:12px;text-transform:uppercase}.category-card img{display:block;width:115px;height:115px;object-fit:cover;border-radius:50%;margin:0 auto 10px}
.benefits{max-width:1050px;margin:15px auto 40px;padding:24px;border-radius:16px;background:#fff7f3;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.benefits>div{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:12px;padding:0 20px;border-right:1px solid #ccc;font-size:35px;color:var(--pink)}.benefits>div:last-child{border:0}.benefits strong{color:#111;font-size:12px}.benefits small{grid-column:2;color:#333;font-size:10px;line-height:1.5}
.products{padding-bottom:35px}.products .script{text-align:center;font-size:34px;margin:0}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1050px;margin:auto}.product-card{position:relative;background:#fff9f5;border-radius:10px;padding:15px;min-height:315px}.product-card img{width:100%;height:170px;object-fit:contain}.product-card h3{font-size:13px;margin:8px 0}.product-card strong{font-size:12px}.stars{color:#f39a00;font-size:14px}.stars small{color:#111}.product-card button{position:absolute;right:15px;bottom:15px;width:40px;height:40px;border:0;border-radius:50%;background:#111;color:#fff;font-size:20px}
.social-section{margin:15px 4%;padding:18px 25px;border-radius:24px;background:var(--mint);display:grid;grid-template-columns:240px 1fr;gap:20px;align-items:center}.social-copy em{font-size:34px}.social-copy h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:28px;margin:4px 0}.social-copy p{font-size:12px}.social-copy a{display:inline-block;background:#111;color:#fff;border-radius:8px;padding:12px 16px;font-size:10px;font-weight:800;text-decoration:none}.social-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.social-grid img{width:100%;height:145px;object-fit:cover;border-radius:8px}
.newsletter{min-height:135px;margin-top:12px;padding:0 8%;display:grid;grid-template-columns:190px 1fr 370px;gap:25px;align-items:center;background:linear-gradient(90deg,#f7a6a6,#f8c2c1,#f7a6a6);border-radius:24px 24px 0 0}.newsletter>img{width:180px;height:135px;object-fit:cover;align-self:end}.newsletter h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:30px;margin:0 0 7px}.newsletter p{font-size:12px;line-height:1.5}.newsletter form{display:flex}.newsletter input{flex:1;border:0;border-radius:22px 0 0 22px;padding:15px 20px}.newsletter button{border:0;border-radius:0 22px 22px 0;background:#111;color:#fff;padding:0 28px;font-weight:800}.trust-row{padding:18px 8%;display:grid;grid-template-columns:repeat(4,1fr);text-align:center;font-size:11px;font-weight:800;line-height:1.5}
.site-footer{background:#171819;color:#fff;padding:28px 6%}.footer-inner{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:45px;max-width:1200px;margin:auto}.footer-brand small{display:block;margin:8px 0 17px;color:#ccc;font-size:9px}.social-icons{font-size:18px}.footer-col{border-left:1px solid #777;padding-left:25px}.footer-col h2{font-size:12px;margin:0 0 10px;text-transform:uppercase}.footer-col a,.footer-col p{display:block;color:#ddd;text-decoration:none;font-size:10px;line-height:1.6;margin:0}.payments strong{color:#4aa4df;font-size:12px}
@media(max-width:900px){.nav-wrap{grid-template-columns:1fr auto}.main-nav{display:none;position:absolute;z-index:20;top:118px;left:0;right:0;background:#fff;padding:25px;flex-direction:column;gap:20px;text-align:center}.main-nav.is-open{display:flex}.header-actions{display:none}.menu-toggle{display:block}.hero{grid-template-columns:1fr}.hero-copy{padding:35px 8%}.hero>img{height:360px}.category-grid{grid-template-columns:repeat(3,1fr)}.benefits{grid-template-columns:1fr 1fr}.benefits>div{border:0;margin:10px 0}.product-grid{grid-template-columns:1fr 1fr}.social-section{grid-template-columns:1fr}.newsletter{grid-template-columns:140px 1fr}.newsletter form{grid-column:1/-1;margin-bottom:20px}.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:560px){.offer-bar{font-size:8px;gap:8px}.offer-bar span+span{padding-left:8px}.hero h1{font-size:48px}.hero h1 strong{font-size:66px}.category-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr}.social-grid{grid-template-columns:1fr 1fr}.newsletter{grid-template-columns:1fr;padding-top:20px}.newsletter>img{display:none}.trust-row{grid-template-columns:1fr 1fr;gap:16px}.footer-inner{grid-template-columns:1fr}.footer-col{border:0;padding:0}}